font-family
Özelliği, seçili elemanına uygulanan yazı tanımlar. Seçilen yazı tipi tek bir yazı tipi yüzü değil, bir "aile" dir ve bu nedenle aile içinde doğru yüzü seçmek için diğer tipografik özellik değerlerine bağlı olabilir.
body ( font-family: Arial, Helvetica, sans-serif; )
Bir değer aşağıdakilerden biri olabilir:
- Sayfaya gömülü olan veya kullanıcının sisteminde bulunan bir yazı tipiyle eşleşen yazı tipi ailesi adı.
- Virgülle ayrılmış ve genel bir aile adı içerebilen bir dizi aile adı
Birden fazla aile adı kullanılıyorsa, tarayıcı @font-face
, kullanıcının işletim sistemini kullanarak sayfada gömülü veya yüklü olarak bulduğu ilk aile adını seçecektir .
Çünkü font-family
belirli bir varsayılan veya başlangıç değeri yoktur; başlangıç değeri her zaman tarayıcıya ve / veya işletim sistemine bağlıdır.
Genel Aile Adları
Tek bir bildirim için birden çok değer kullanılıyorsa, en iyi tipografik deneyimi sağlamak için yedek olarak genel bir ailenin en son listelenmesi önerilir:
code ( font-family: Courier, Monaco, monospace; )
Yukarıdaki örnekte, "Courier" ve "Monaco" gerçek yazı tiplerinin gerçek aile isimleridir, "monospace" ise kullanıcının sisteminde tek aralıklı olan herhangi bir yazı tipine yalnızca genel bir referanstır.
İlk ikisi kurulu bulunmazsa, tarayıcı en iyi seçeneği seçecektir, ancak yalnızca tek aralıklı yazı tiplerinden. Genel aile olmadan, yazı tipi varsayılan olarak kullanıcının sistemindeki varsayılan yazı tipine (muhtemelen serif veya sans-serif) sahip olacaktır ve bu istenmeyen bir durumdur.
Jenerik aile adları şunlardır serif
, sans-serif
, cursive
, fantasy
, ve monospace
.
Bir aile adı genel bir aile adıyla eşleşiyorsa, soyadı genel olmadığını belirtmek için alıntılanmalıdır.
Çok Sözcüklü Aile Adları
Bir aile adı, boşluklarla ayrılmış birden çok kelime içeriyorsa, aile adının tırnak içinde (tek veya çift) listelenmesi önerilir:
code ( font-family: "Times New Roman", Georgia, serif; )
Bu her zaman gerekli değildir, ancak boşluklar veya özel karakterler içeren herhangi bir aile adı için tırnak işareti eklemek genellikle daha güvenlidir.
Tarayıcı Desteği
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
İşler | İşler | İşler | İşler | İşler | İşler | İşler |