引用字體「無襯線」不是CSS

我正在寫一個小的靜態網站（HTML和CSS）和躊躇的財產font-family一個行爲，我不明白，正常工作。我喜歡用漂亮乾淨的外觀編寫我的代碼，這就是爲什麼總是在CSS中引用字體的原因。引用字體「無襯線」不是CSS

據我瞭解CSS2.2 specification正確的，引用的字體被允許：

字體家族名必須給出報價爲字符串，或者爲一個或多個標識符的序列不帶引號的。

不幸的是，這不是正常的我的情況下工作。我附上了一個例子。

.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>

我測試了谷歌瀏覽器54.0.2840.99和Internet Explorer 11.0.9600.18450財產。爲什麼arial的報價字體正常，但不是sans-serif？

來源

2016-11-24 hofmeister

無襯線不是字體的名稱，但字體類型... 爲了使字體工作，您必須至少鍵入字體名稱！需要的字體名稱。防爆

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

家族的名字 - 一個FONT-FAMILY，比如「時代」，「快遞員」的名字，「宋體」等

普通家庭 - 的名字通用系列，如「襯線」，「無襯線」，「將進酒」，「幻想」，「等寬」。

Source

來源

2016-11-24 10:32:08 user3187960

引用字體「無襯線」不是CSS

回答

相關問題