06 – Betűtulajdonságok

Font Family: betűcsalád (típus) megadása. Több betűtípus is megadható egymás után, melyeket vesszővel kell elválasztani. Pl.

1
P { font-family: "Times New Roman", Times, serif }

Font Style: betűstílus megadása, amely lehet: normal (normál), italic (dőlt) vagy oblique (ferde). Pl.

1
2
H1 { font-style: oblique }
H2 { font-style: normal }

Font Variant: a font-változat megadásával a normál illetve a kiskapitális írásmód között lehet váltani, tehát értéke normal, vagy smallcaps lehet. Pl.

1
P { font-variant: small-caps }

Font Weight: betűvastagság, amelynek értéke lehet: normal, bold (félkövér), bolder (kövér), light (vékonyabb), lighter (egészen vékony), illetve számmal: 100, 200. 300, 400, 500, 600, 700, 800, 900 (egyre vastagabbak lesznek, a normálnak a 400-as érték felel meg). Pl.

1
2
H1 { font-weight: 800 } 
H2  { font-weight: normal }

Font Size: betűméret megadása, mely lehet abszolút vagy relatív. Az abszolút betűméretek lehetséges értékei, növekvő sorrendben: xx-small, x-small, small, medium, large, x-large, xx-large. A relatív méretek: larger (nagyobb), smaller (kisebb), illetve az előjeles értékkel megadható mértékegységek: em (a betű magasságértéke), ex (a kisbetű, „x” magasságértéke), px (betűmagasság megadása pixelben). Lehetséges az értékek előjeles megadása százalékos formában is, a % kiírásával. Pl.

1
2
3
4
H3 { font-size: small } 
P { font-size: 12pt }
LI { font-size: 70% }
STRONG { font-size: larger }

Font: ez a tulajdonság rövidítésként, ill. összevonásként használható a többi fenti tulajdonság (font-style, font-variant, font-weight, font-size, line-height, font-family) megadásához. Pl.

1
P { font: italic bold 12pt/14pt Times, serif }

A szerző honlapja: http://fodorsi.ini.hu

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét