Betűtpusok

A legfontosabb, hogy tudd, mi a különbség a talpas és talpatlan betűtípusok között:

Ahogy a képen is látod, sárgával vannak kiemelve a betűk "talpai". Ez nem tűnik nagy különbségnek, mégis fontos lehet:

Megfigyelték, hogy képernyőn a talpatlan (sans-serif) betűtípusok az olvasha-tóbbak, míg nyomtatásban a talpas (serif) betűtípusokat könnyebb elolvasni.

Betűtípusok CSS-ben

CSS-ben kétféleképpen lehet megadni a betűtípust:

• a konkrét betűtípus nevével (pl. Verdana, Times New Roman, stb.)
  
• vagy a betűtípus tulajdonságaival. Itt három tulajdonságot tudsz megadni: serif (talpas), sans-serif (talpatlan) és monospace (minden betűnek ugyanakkora a szélessége)
  

Ha megadsz egy betűtípust, mindig érdemes többet megadni, hogy ha az első valamiért nem működik egy látogatódnál, jöhessen a következő, ha esetleg az se lenne neki (mert letörölte a gépén még az alap betűtípusokat is XD) akkor megadhatsz harmadiknak egy tulajdonságot (mert valószínű, hogy van a gépén legalább egy darab talpatlan betűtípus), itt egy példa:

p{font-family:Verdana, Arial, sans-serif;}

h1{font-family:"Times New Roman";}

A példa második sorában olyan betűtípust látsz, aminek a neve több szóból áll, az ilyeneknél mindig kell az idézőjel!

Betűstílusok

A betűstílusokat leggyakrabban arra használják, hogy egy szöveget dőltté tegyenek. Ennek a tulajdonságnak három értéke lehet:

• normal
  
• italic - dőlt
  
• oblique - ferde (az előzőnél dőltebb, de alig látni a különbséget, és nem minden böngésző mutatja meg)
  

A kódja így néz ki:

p {font-style:italic;}

Betűméretek - ez most kimaradt, mert ritka, hogy valaki gportalos oldalon ezzel foglalkozzon, de ha írsz ide, kaphatsz bővebb információt. A legfontosabbat, a kódot azért érdemes megemlíteni:

h1 {font-size:40px;}

A méretet pixelben vagy em-ben (1em=16 pixel, 2em=32 pixel, stb.) szokták megadni, de ha pl. 2 cm-t írsz be, a legtöbb böngésző azt is megcsinálja!

<< vissza a CSS kódokhoz!