Css font özellikleri font ailesini, boyutu ve şekli gibi özellikleri tanımlar.
CSS FONT AİLELERİ (Font Families)
Css font ailesinin iki türü vardır.
- generic ailesi – “Serif” veya “Monospace” gibi fontlar bu ailedendir.
- font ailesi – “Times New Roman” veya “Arial” gibi fontlar bu ailedendir.
Serif ve Sans-serif Fontları arasındaki farklar
| Generic Ailesi | Font Ailesi | Açıklama |
|---|---|---|
| Serif | Times New Roman Georgia | Serif fontlarda bazı karakterlerin uçların ufak çizgi çıkıntıları vardır. |
| Sans-serif | Arial Verdana | Bu fontlar düzdür serifteki gibi çıkıntılar yoktur. Sans demek yok/olmadan anlamına gelir. |
| Monospace | Courier New Lucida Console | Tüm monospace karakterler aynı genişliğe sahipdir. |
Not: Bilgisayar ekranlarında sans-serif fontları okumak daha kolaydır. Gözleri yormaz.
Font Ailesi(Font Family):
Bu özellikle bir metini oluşturan karakterlerin font ailesi belirtilir.
Belirlediğimiz fontların kullanıcı bilgisayarlarında olmama riskine karşın birden fazla genelde 3 adet farklı font tanımlaması yapılır.
Eğer belirttiğimiz font kullanı sisteminde yoksa tarayıcı otomatik olarak aynı aileden başka bir font kullanır.
p { font-family: "Times New Roman", Times, serif; }
Font Sitili(Font Style):
Bu özellik genellikle italik yazılar yazmak için kullanılır.
p.normal {font-style: normal;} /*Normal yazım*/
p.italic {font-style: italic;} /*eğik(italik) yazım*/
p.oblique {font-style: oblique;} /*eğik(italik) yazım*/
Font Ölçüsü(Font Size):
Bu özellik fontlarımıza pixel türünden büyüklük ölçüsü vermemize yarar.
h1 { font-size: 40px; }
h2 { font-size: 30px; }
p { font-size: 14px; }
Yasin KALAYCI'nın kişisel bloğu 
Yorum bırakın