CSSフォントファミリの値はいつ引用符を使用する必要がありますか？

Question

CSS 'font-family'の値にはいつ引用符を付ける必要がありますか？

私はfont-family: arialとfont-family: "arial"の両方を見ました。

具体的な例として、私はフォントをこのように宣言します。

@font-face { 
    font-family: 'entypo'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('/css/fonts/entypo.woff') format('woff'); 
} 

要素は、このフォントファミリを使用できるようにするにはどのような正しいCSSでしょうか？

Answer 1

フォント自体のスペースが"Times New Roman"の場合にのみ引用符が必要です。

Arialは引用符を必要としませんが、より一貫性を持たせるために、"Arial"のような引用符を使用する人もいます。それは単に個人的な好みです。

コメントは次のとおりです。font-family: times new roman;はスペースなしで使用できます（jsFiddle）。

font-family: 'entypo';を使用して新しい@font-faceを呼び出すことができます。 （link）

Answer 2

ただ、このことから答えるために行く：エスケープでのミスを避けるために

http://www.w3.org/TR/CSS2/fonts.html#font-family-prop

、空白、数字、またはハイフン以外の句読点文字を含むフォントファミリ名を引用することをお勧めします：

体{フォントファミリ：「新世紀Schoolbookが」、セリフ}キーワードvalのと同じことが起こる

フォントファミリ名同じ名前のキーワードとの混同を避けるために、ue（ '継承'、 'セリフ'、 'サンセリフ'、 'モノスペース'、 'ファンタジー'、および '筆記体'）を引用する必要があります。 CSS 2.1 specことで

Answer 3

、それは、スペース（単に「のASCII文字と数字」よりも広い概念である）identifier characters以外の文字が含まれている場合、引用符であることをを必要フォント名。したがって、font-family: foo barは正しいです。もちろんfont-family: entypoです。

コーディングスタイルは別の問題です。特定のフォントファミリ名を（sans-serifのような一般名とは反対に）引用するのは常に正しいので、font-family: "entypo"も正しいです。

非常に理論的には、特定のフォントファミリ名が一般的な名前と一致する場合（またはそのようなフォントを作成したことがないと思われる場合）、またはその名前に先頭または末尾のスペースや連続（ただし、その意味で彼のフォントにそのような名前を付ける人はいない）。