En son web geliştirme öğreticiler
 

Style fontFamily Property

<Stil Nesne

Örnek

Bir yazı tipini ayarlama <p> elemanı:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Kendin dene "

Tanımı ve Kullanımı

fontFamily özelliği, ayarlar veya bir elemanda metin için font-family isimleri ve / veya jenerik-aile adlarının bir listesini döndürür.

tarayıcı tanıdığı ilk değeri kullanacaktır.

font-family değerlerinin iki tipi vardır:

  • font-family: Bir font-family adı gibi "verdana" veya "arial"
  • Jenerik-family: jenerik font-family adı gibi "serif" veya "sans-serif"

Tip: Her zaman son alternatif olarak genel bir aile adını belirtin!

Not: virgülle her değer ayırın.

Note: Bir font-family adı boşluk içeriyorsa, tırnak içinde olmalıdır.

Tip: bak Web güvenli yazı yaygın olarak kullanılan yazı tipi kombinasyonları için.


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

fontFamily özelliği tüm büyük tarayıcılarda desteklenir.


Sözdizimi

fontFamily özelliğini Dönüş:

object .style.fontFamily

fontFamily özelliğini ayarlayın:

object .style.fontFamily=" Mülkiyet Değerler
değer Açıklama
font1, font2, etc. font-family isimleri ve / veya jenerik-aile adlarının virgülle ayrılmış listesi
initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer: belirtilmemiş
Geri dönüş değeri: elemanın metinlerin yazı tipi adını gösteren bir String,
CSS Sürüm BB1

Diğer Örnekler

Örnek

Olası değerlerin bir gösteri:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
Kendin dene "

Örnek

Bir yazı tipini döndürür <p> elemanı:

alert(document.getElementById("myP").style.fontFamily);
Kendin dene "

İlgili Sayfalar

CSS öğretici: CSS Yazı

CSS referansı: font-family property

HTML DOM referansı: font property


<Stil Nesne