CSS yazı tipi ailesi Özellik
Örnek
İki paragraf için yazı tipini belirtin:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Tanım ve Kullanım
Özellik font-family
, bir öğenin yazı tipini belirtir.
Özellik font-family
, bir "yedek" sistem olarak birkaç yazı tipi adını tutabilir. Tarayıcı ilk yazı tipini desteklemiyorsa, sonraki yazı tipini dener.
İki tür yazı tipi ailesi adı vardır:
- family-name - "times", "courier", "arial" vb. gibi bir font ailesinin adı.
- jenerik-aile - "serif", "sans-serif", "el yazısı", "fantezi", "tek boşluk" gibi bir genel ailenin adı.
Başka bir yazı tipi yoksa, tarayıcının genel ailede benzer bir yazı tipi seçmesine izin vermek için istediğiniz yazı tipiyle başlayın ve her zaman genel bir aile ile bitirin.
Not: Her değeri virgülle ayırın.
Not: Bir yazı tipi adı boşluk içeriyorsa, alıntı yapılmalıdır. HTML'de "style" özniteliği kullanılırken tek tırnak kullanılmalıdır.
Varsayılan değer: | tarayıcıya bağlıdır |
---|---|
Miras: | Evet |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS1 |
JavaScript sözdizimi: | nesne .style.fontFamily="Verdana,sans-serif" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sözdizimi
font-family: family-name|generic-family|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Yazı Tipi
CSS referansı: yazı tipi özelliği
HTML DOM referansı: fontFamily özelliği