CSS Font Özellikleri

  Font Ailesi:  seçtiğimiz fontu atamak için kullanılır.

.metin {font-family:"Times New Roman", Times, serif;}

Yazı Stili: yazıya seçtiğimiz stili atamak için kullanılır, normal, italik, oblique, initial ve inherit alabileceği değerlerdir.

.normal{font-style:normal;}
.italik{font-style:italic;}

Yazı Tipi Boyutu: yazıyı istediğimiz boyutta verir. %, px ve em şeklinde atamalar yapılır. 1em = 16px dir.

Bunların dışında alabileceği değerler: smal, x-small, xx-small, medium, large, x-large, xx-large, smaller, larger, initial.

h1 {font-size:40px;}
h2 {font-size:0,5em;}
h3  {font-size:100%;}

Font Kalınlığı: font kalınlığını ayarlar. Alabileceği değerler normal, lighter, bold, bolder, ibitial, inherit, 100 ile 900 arasıdır.

h4 {font-weight:normal;}

h5 {font-weight:lighter;}

h6 {font-weight:bold;}

p {font-weight:900;}

Küçük – Büyük Harf : alabileceği değerler normal, small-caps, initial, inherit.

.deneme {font-variant:small-caps;}

Aynı Anda Tüm Özellikleri Kullanma

.hepsi { font:italic bold 12px arial, serif; } 

çalışmalara ait örnek link:

css font yazı