Font özelliği

font özelliği, aşağıdaki CSS özelliklerinin kullanılabildiği bir kısaltma özelliğidir: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sözdizimi

cssseçici {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Zorunlu özellikler font-size ve font-family'dir, diğerleri sırayı koruyarak atlanabilir.

font-style, font-variant, font-weight özellikleri birbirlerine göre herhangi bir sırada yazılabilir.

line-height özelliğinin, font-size özelliğinden sonra eğik çizgi ile yazıldığına dikkat edin.

Örnek

15px boyutunda, Arial tipinde, 30px satır yüksekliğine sahip italik bir metin oluşturalım:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Örnek

Başka bir örnek:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Örnek

Diğer özellikleri atlayarak sadece yazı tipi boyutunu ve ailesini ayarlayalım:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Örnek

Sadece yazı tipi boyutu belirtilirse, yazı tipi ailesinin de belirtilmesi zorunlu olduğu için uygulanmayacaktır:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: