CSS'de yazı tipi aile adlarını tırnak içine almam gerekir mi?


95

Uzun zaman önce, CSS yazı tipi ailesi özelliğinde birden çok kelime içeren yazı tipi adlarının etrafına alıntıların sarılmasının "en iyi uygulama" olarak kabul edildiğini duyduğumu hatırlıyorum:

font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

Bunun için, alıntıları kaldırmayı denedim "Arial Narrow"ve Safari ve Firefox'ta herhangi bir sorun yaşamadım.

Öyleyse, bu pratik kuralın herhangi bir mantığı var mı, yoksa bu sadece bir efsane mi? Artık mevcut sürümler için geçerli olmayan eski tarayıcılarla ilgili bir sorun muydu? Bunu o kadar uzun süredir yapıyorum ki gerçekten gerekli olup olmadığını düşünmeyi hiç bırakmadım.


Genel olanlardan hariç her yazı tipi ailesinden alıntı yapmak iyi bir fikirdir. Her şeyin tutarlı olmasını sağlar.
Micah Henning

Yanıtlar:


79

CSS 2.1 Spec söyler:

Yazı tipi ailesi adları dizeler olarak tırnak içinde verilmeli veya bir veya daha fazla tanımlayıcıdan oluşan bir dizi olarak tırnaksız verilmelidir. Bu, her bir simgenin başındaki çoğu noktalama karakterinin ve rakamın tırnaksız yazı tipi ailesi adlarında öncelenmesi gerektiği anlamına gelir.

Şöyle devam ediyor:

Bir dizi tanımlayıcı bir yazı tipi ailesi adı olarak verilirse, hesaplanan değer, dizideki tüm tanımlayıcıları tek boşluklarla birleştirerek bir dizeye dönüştürülen addır.

Kaçışta hataları önlemek için, tire dışında beyaz boşluk, rakam veya noktalama karakterleri içeren yazı tipi ailesi adlarından alıntı yapmanız önerilir:

Yani evet, bir fark var, ancak herhangi bir soruna yol açma olasılığı düşük. Şahsen, boşluk içerdiklerinde her zaman yazı tipi adlarından alıntı yaptım. Birkaç (muhtemelen çok nadir) durumda, alıntılar kesinlikle gereklidir:

Anahtar kelime değeriyle aynı olan yazı tipi ailesi adları ('miras', 'serif', 'sans-serif', 'tek aralıklı', 'fantezi' ve 'el yazısı') anahtar kelimelerle karıştırılmaması için alıntılanmalıdır. aynı isimlerle. 'İlk' ve 'varsayılan' anahtar sözcükleri ileride kullanılmak üzere ayrılmıştır ve ayrıca yazı tipi adları olarak kullanıldıklarında alıntılanmalıdır.

Ayrıca / veya! bir tanımlayıcı içinde de alıntı yapılması veya kaçılması gerekebilir .


6
initialve defaultaynı zamanda anahtar kelimelerdir (ileride kullanılmak üzere ayrılmıştır). CSS'de alıntılanmamış font ailesi adlarına bakın .
Mathias Bynens

23

Ekim 2013 tarihli CSS Yazı Tipleri Modülü Seviye 3 spesifikasyonuna göre, " genel aileler dışındaki yazı tipi aile adları, dizeler olarak alıntılanmış veya bir veya daha fazla tanımlayıcı dizisi olarak alıntılanmamış olarak verilmelidir ". Bu yüzden bunları tırnak içine almanız GEREKMEZ.

Ancak, " her simgenin başındaki çoğu noktalama karakterinin ve rakamın öncelenmesi gerekir " yapmazsanız . Hatalardan kaçmaktan kaçınmak için, W3C aslında beyaz boşluk, rakamlar, noktalama işaretleri veya anahtar kelime değerleri ('devral', 'serif', vb.) İçeren yazı tipi aile adlarını alıntılamanızı önerir .

Genel yazı tipi aile adları ('serif', 'sans-serif', 'el yazısı', 'fantezi' ve 'tek boşluk') aslında anahtar sözcük oldukları için alıntılanmamalıdır.


0

Stil satır içi ise <font style="font-family:Arial Narrow">some texte</font>, işe yarıyor.

Ancak polis yazı tipinin adı bazı özel karakterler içeriyorsa veya bir sayı ile başlıyorsa, tırnak işaretleri veya diğer garip şeyler ("01 Digitall" veya "a_CityNovaTitulB & WLt" veya "Bailey'sCar" gibi), özel bir sözdizimi kullanmalısınız. & quot; her türlü dizgi yazı tipi adlarına uygulanabilir:

<font style="font-family:&quot;a_CityNovaTitulB&WLt&quot; , &quot;Bailey'sCar&quot;">some text</font>

FireFox'ta kaynak & quot; şu şekilde: "

bu numara olmadan, bu:

<font style="font-family:a_CityNovaTitulB&WLt ,Bailey'sCar">some text</font>

her tarayıcıda otomatik olarak çalışmaz. Yazı tipi adı cadı için "8 Pin" gibi bir sayı ile başlamak yararlıdır.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.