Yazı tipi ailesi (HTML) - Font family (HTML)

Yazı tipi ailesi içinde seçim (X) HTML , CSS ve türetilmiş sistemler belirtir öncelikli yazı tipleri ve jenerik aile adlarının bir listesi; ilişkili font özellikleriyle bağlantılı olarak bu liste, karakterleri oluşturmak için kullanılan belirli font yüzünü belirler . Aile seçimi iki biçimde mevcuttur: kullanımdan kaldırılmış (X) HTML <font>...</font> öğesinde face özniteliğiyle ve CSS font-family özelliğinde.

CSS terim yazı tipi ailesi , paylaşılan tasarım stilleri tarafından tanımlanan bir yazı tipi grubu olan tipografik terim yazı tipi ile eşleştirilir . Bir tipi , belirli bir dizi motiflerinin CSS terim vb kontur kalınlığı, eğik, göreli genişliklerinden gibi ek özellikler ile aynı ailenin diğer tipleri ayırt (karakter şekiller), yazı tipi yüzü "tipi" ile eşleştirilir; yazı tipi ailesi ve ek özelliklerin bir kombinasyonu ile karar verilir.

Hem HTML hem de CSS'de liste virgülle ayrılır. Beklenmedik sonuçlardan kaçınmak için, yazı tipi listesindeki son yazı tipi ailesi, varsayılan olarak her zaman mevcut olan genel ailelerden biri olmalıdır . Bulunan bir yazı tipinin yokluğunda, web tarayıcısı, kullanıcı tanımlı bir yazı tipi olabilecek varsayılan yazı tipini kullanacaktır. Web tarayıcısına bağlı olarak, bir kullanıcı aslında kod yazıcısı tarafından tanımlanan yazı tipini geçersiz kılabilir. Bu, kişisel zevk nedenleriyle olabilir, ancak aynı zamanda, daha büyük bir yazı tipi boyutu ihtiyacı veya belirli renklerden kaçınma gibi kullanıcının bazı fiziksel sınırlamalarından da kaynaklanabilir.

Yerel yazı tiplerine ek olarak, modern web tarayıcıları , bildirimi kullanarak özel yazı tipi dosyalarını doğrudan bağlamayı destekler @font-face . Eklendikten sonra, bu tür yazı tipleri, font-family tüm yerel ve yedek yazı tiplerinin yanında özellikte listelenebilir .

Örnekler

Aşağıdaki örnek, aynı yazı tipi yüzünü ( Times veya varsayılan serif , 14 punto, italik) üç şekilde tanımlar :

• Ayrı bir stil sayfasında CSS ile .
• Nitelik aracılığıyla bir öğeye uygulanan satır içi CSS ile style .
• Kullanımdan kaldırılmış sunum öğesi <font>...</font> ve standart dışı özelliği ile face . ( <i>...</i> genel olarak kullanımdan kaldırılmamıştır, ancak sunum amaçlı kullanımıdır.)

.text { font-family: times, serif; font-size:14pt; font-style:italic; }

<p class="text">
Sample text formatted with CSS in a separate stylesheet.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>

<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>

Bir olduğunu en iyi uygulama virgülden sonra boşluk koymak ve tırnak işaretleri arasında boşluk içeren herhangi bir ad koymak.

Aile adı olarak yazı tipi adı

CSS bir yazı tipi ailesini bir yazı tipiyle aynı şekilde tanımlamaya çalışsa da, font-family giriş ve standart olmayan HTML öncülü de geçmişte tüm yazı tipi yüzünü tanımlamak için kullanılmıştır . Bu kullanım, kendilerini bir ailenin parçası olarak tanımlamayan yazı tipi dosyalarından kaynaklanmaktadır ve kısmen, o sırada birkaç editörün dörtten fazla yazı tipi stili (kalın / normal ve italik / normal) arasından seçimi desteklemesinden kaynaklanmaktadır.

Sonuç olarak, font-family: 'Gill Sans Extrabold', 'Heisei Mincho W9' bilgiççe doğru olanın yerine olduğu gibi beyanları görmek yaygındı font-family: 'Gill Sans', 'Heisei Mincho'; font-weight: 900 . Ne CSS2 ne de CSS3 böyle bir kullanımı onaylamaz (örneklerde bulunmazlar), ancak çoğu tarayıcı yine de bunları geçerli "adlar" olarak kabul eder.

Genel yazı tipleri

Font-family (gibi yazı adında bir özgü kullanabilirsiniz Heisei Minço W9 ) ama sonuç kullanıcı makinede yüklü yazı bağlıdır. Gerçek görünüm, tarayıcıya ve sistemde yüklü yazı tiplerine bağlı olacaktır. Bir varsayılan kurulum ait Firefox üzerinde Microsoft Windows , örneğin, her ikisi de gösterecektir serif olarak Times New Roman ve her iki sans-serif olarak Arial .

Genellikle bunların yalnızca küçük bir alt kümesi, özellikle 'Serif', 'Sans-serif', 'Monospace' ve 'Cursive' web tarayıcılarında kullanıcı tarafından kolayca yapılandırılabilir.

Çoğu sistem, eksik "iyi bilinen" aileleri metrik uyumlu alternatiflerle değiştirmek için özel harfli yazı tipi değiştirme işlemi de gerçekleştirir . Örneğin, Windows Helvetica'yı Arial ile ve Times'ı Times New Roman ile değiştirir. Bu aileler CSS anlamında genel değildir ve genellikle tarayıcı düzeyinde ele alınmaz.

Yazı tipi ailesi örnekleri

Aşağıdaki tablo, CSS'deki bazı genel ailelerin bir örneğidir. Pembe sıralar standart değildir ve kullanılmamalıdır.

Aşağıdaki tablo, CSS'de belirtilen bazı yazı tiplerinin bir örneğidir. Bir yazı tipinin birden çok "yazı tipi ailesi" adı altında yayınlanması durumunda, yedekte ek adlar zincirlenir.

Ayrıca bakınız

• Web için çekirdek yazı tipleri
• Yazı biçimleri listesi
• Sunumsal işaretleme
• Web tipografi

Notlar