Örnek
Bir paragraf için yazı tipini belirtin:
p
{
font-family: "Times New Roman", Georgia, Serif;
}
Kendin dene " Tanımı ve Kullanımı
font-family özelliği bir element için yazı tipini belirtir.
Font-family tesiste gibi çeşitli yazı isimlerini tutabilir "fallback" sistemiyle. tarayıcı ilk yazı desteklemiyorsa, bir sonraki yazı çalışır.
Yazı tipi ailesi isimlerinin iki çeşidi vardır:
- family-name - gibi bir font-family, ismi "times" , "courier" , "arial" vs.
- generic-family - jenerik-ailenin ismi gibi "serif" , "sans-serif" , "cursive" , "fantasy" , "monospace" .
istediğiniz yazı ile başlayın ve her zaman başka bir yazı olup olmadığını tarayıcı, jenerik ailede benzer bir yazı almak bildirmek için genel bir aile ile biter.
Note: virgülle her değer ayırın.
Note: Bir yazı tipi adı beyaz boşluk içeriyorsa, tırnak içinde olmalıdır. Kullanırken Tek tırnak kullanılmalıdır "style" HTML niteliği.
Varsayılan değer: | depends on the browser |
---|---|
Miras: | yes |
canlandırılabilir: | no. Read about animatable |
Versiyon: | CSS1 |
JavaScript sözdizimi: | object .style.fontFamily="Verdana,sans-serif" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
özellik | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS sözdizimi
font-family: Mülkiyet Değerler değer Açıklama Oynat family-name
generic-family Yazı tipi ailesi isimleri ve / veya jenerik aile adlarının bir öncelik listesi Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS öğretici: CSS Yazı
CSS referansı: font property
HTML DOM referansı: fontFamily property