Stil fontFamily Özellik
Örnek
Bir öğenin yazı tipini ayarlayın:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Tanım ve Kullanım
fontFamily özelliği, bir öğedeki metin için font ailesi adlarının ve/veya genel aile adlarının bir listesini ayarlar veya döndürür.
Tarayıcı, tanıdığı ilk değeri kullanır.
İki tür yazı tipi ailesi değeri vardır:
- font-family: "verdana" veya "arial" gibi bir font ailesinin adı
- jenerik aile: "serif" veya "sans-serif" gibi genel bir yazı tipi ailesinin adı
İpucu: Her zaman son alternatif olarak genel bir aile adı belirtin!
Not: Her değeri virgülle ayırın.
Not: Bir yazı tipi ailesi adı boşluk içeriyorsa, alıntı yapılmalıdır.
İpucu: Sık kullanılan yazı tipi kombinasyonları için Web'de güvenli yazı tiplerine bakın .
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
fontFamily özelliğini döndürün:
object.style.fontFamily
fontFamily özelliğini ayarlayın:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
font1, font2, etc. | A comma-separated 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 |
Teknik detaylar
Varsayılan değer: | belirtilmemiş |
---|---|
Geri dönüş değeri: | Öğedeki metnin yazı tipi adını temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Olası değerlerin bir gösterimi:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Örnek
Bir öğenin yazı tipini döndür:
alert(document.getElementById("demo").style.fontFamily);
İlgili Sayfalar
CSS eğitimi: CSS Yazı Tipi
CSS referansı: yazı tipi ailesi özelliği
HTML DOM referansı: yazı tipi özelliği
❮ Stil Nesnesi