CSS font-family özelliği

Tanım ve Kullanım

font-family, elementin yazı tipi ailesini belirler.

font-family, birden fazla yazı tipi adını bir "çökme" sistemi olarak kullanabilir. Eğer tarayıcı ilk yazı tipini desteklemiyorsa, bir sonrakiyi deneyebilir. Yani, font-family özelliğinin değeri, bir elementin yazı tipi ailesi adı veya/ve sınıf ailesi adının bir öncelik listesidir. Tarayıcı tanıdığı ilk değeri kullanır.

İki tür yazı tipi ailesi adı vardır:

  • Belirtilen serileri: belirli yazı tiplerinin adları, örneğin: "times", "courier", "arial".
  • Genel yazı tipi aile adları: örneğin: "serif", "sans-serif", "cursive", "fantasy", "monospace"

İpucu:Her değeri virgülle ayırın ve her zaman en son seçim olarak bir sınıf ailesi adı sağlayın.

Dikkat:Belirli bir yazı tipi ailesinin (Geneva) kullanımı, kullanıcı makinesinde bu yazı tipi ailesinin mevcut olup olmadığına bağlıdır; bu özellik herhangi bir yazı tipi indirmeyi göstermez. Bu nedenle, bir genel yazı tipi ailesi adını yedek olarak kullanmak şiddetle tavsiye edilir.

Ayrıca bkz:

CSS Eğitimleri:CSS yazı tipi

CSS Referans Kılavuzu:CSS font özelliği

HTML DOM Referans Kılavuzu:font özelliği

Örnek

Paragraflara yazı tipi ayarlayın:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Kişisel olarak deneyin

CSS dilbilgisi

font-family: family-name|generic-family|initial|inherit;

Özellik değeri

Değer Açıklama
  • family-name
  • generic-family

Bir elementin yazı tipi ailesi adı veya/ve sınıf ailesi adının bir öncelik listesidir.

Öntanımlı değer: tarayıcıya bağlı
inherit Dizge serisi belirlemek için ebeveyn öğesinden miras alınmalıdır.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Geçişlilik: evet
Sürüm: CSS1
JavaScript dilbilgisi: object.style.fontFamily="arial,sans-serif"

TIY Örneği

Metnin yazı tipini ayarlama
Bu örnek, metin yazı tipini nasıl ayarladığınızı gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5