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
seç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:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Örnek
Başka bir örnek:
<p>
some long text
</p>
p {
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:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Örnek
Sadece yazı tipi boyutu belirtilirse, yazı tipi ailesinin de belirtilmesi zorunlu olduğu için uygulanmayacaktır:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
: