CSS Yazı Stili

Yazı Stili

font-style Bu özellik genellikle yatık metin belirlemek için kullanılır.

Bu özellik üç değer ayarlayabilir:

  • normal - metin normal olarak görüntülenir
  • yatık - metin yatık olarak görüntülenir
  • yatay - metin 'yansı' (yatay ve yatık çok benzer, ancak daha az desteklenir)

Örnek

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Kişisel olarak deneyin

Yazı Kalınlığı

font-weight Yazı tipinin kalınlığını belirtir.

Örnek

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Kişisel olarak deneyin

Yazı Tipi Değişkenliği

font-variant Metni small-caps yazı tipi (küçük büyük harfler) ile görüntüleme olup olmadığını belirler.

Small-caps yazı tipinde, tüm küçük harfler büyük harflere dönüştürülür. Ancak, dönüştürülen büyük harflerin yazı tipi boyutu, metindeki orijinal büyük harflerin yazı tipi boyutundan küçüktür.

Örnek

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Kişisel olarak deneyin