Kodu kısaltmak için, tüm ayrı yazı tipi özelliklerini tek bir özellikte belirlemek de mümkündür.
Font özelliği aşağıdakiler için kısa bir özelliktir:
font-style
font-variant
font-weight
font-size/line-height
font-family
Not: font-size ve font-family değerleri gereklidir. Diğer değerlerden biri eksikse varsayılan değerler kullanılır.
<!DOCTYPE html>
<html>
<head>
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>
<h1>Font Özellikleri</h1>
<p class="a">Bu bir paragraf. Yazı tipi boyutu 20 piksele ayarlanmıştır ve yazı tipi ailesi Arial'dır.</p>
<p class="b">Bu bir paragraf. Yazı tipi italik, küçük büyük harf ve kalın olarak ayarlanmış, yazı boyutu 12 piksel, satır yüksekliği 30 piksel olarak ayarlanmış,
ve yazı tipi ailesi Georgia'dır.</p>
</body>
</html>
Tüm CSS Yazı Tipi Özellikleri
Özellik | Açıklama |
font | Tüm yazı tipi özelliklerini tek bir satırda ayarlar |
font-family | Metin için yazı tipi ailesini belirtir |
font-size | Metnin yazı tipi boyutunu belirtir |
font-style | Metin için yazı tipi stilini belirtir |
font-variant | Bir metnin küçük büyük harf yazı tipinde görüntülenip görüntülenmeyeceğini belirtir |
font-weight | Bir yazı tipinin kalın italik vs şeklini belirtir |