引用符で囲まれたフォント「サンセリフ」CSS

Question

私は小さな静的なサイト（HTMLとCSS）を書き込むと、私は理解していないプロパティfont-familyでの動作、約つまずいてるでは正常に動作していません。私はいつもCSSでフォントを引用理由です、きれいな外観と一致し、私のコードを書くのが好き。

は、私の知る限り理解しCSS2.2 specification正しい、引用されたフォントが許可されています。

フォントファミリー名は、いずれかの文字列として引用され、または1つの以上の識別子のシーケンスとして 引用符で囲まれていない与えられなければなりません。

残念ながら、それは私の場合には正常に動作していません。私は以下の例を添付しました。

.test1 
 
{ 
 
    font-family: 'sans-serif'; 
 
} 
 

 
.test2 
 
{ 
 
    font-family: 'arial'; 
 
} 
 

 
.test3 
 
{ 
 
    font-family: sans-serif; 
 
}

<h1 class="test1">Test</h1> 
 
<h1 class="test2">Test</h1> 
 
<h1 class="test3">Test</h1>

私はGoogle Chromeの54.0.2840.99とInternet Explorer 11.0.9600.18450とプロパティをテストしました。なぜarialの相場フォントがsans-serifのために働いていないが？

Answer 1

Sans-serifはフォントの名前ではなく、フォントの種類... フォントを動作させるには、少なくともフォント名を入力する必要があります。必要で フォント名。 例

.myclass{font-family: 'myFontName', sans-serif;} 

• ファミリ名 - 「回」、「宅配便」などのフォントファミリの名前、「ゴシック」など
• ジェネリックファミリ - の名前「セリフ」、「サンセリフ」、「筆記体」、「ファンタジー」、「モノスペース」のような一般的なファミリー、。

Source