重置css使@import的谷歌字體不起作用

Question

我有Meyers Reset Css單行規則剛好在我的其他CSS上，但Hind字體不適用，而是使用Times New Roman它出現。

如果您將Reset Css行註釋掉，則應用Hind字體。

爲什麼Reset Css讓我的Hind字體家族不適用？即使我把font-family:'Hind'放在html { }和body { }的內部，它仍然只適用於Reset Css不存在的情況。

我的CSS：

// Reset Css bunch of rules here 
@import url(https://fonts.googleapis.com/css?family=Hind:400,600,700); 
html { background: #F5F5F5; font-family: "Hind"; } 

現場演示：http://jsbin.com/yudeziqiki/1/edit?html,css,output

Answer 1

你必須復位前放置@import。

@import url(https://fonts.googleapis.com/css?family=Hind:400,600,700); 
/* Meyers Reset Css Here */ 

Answer 2

在規則的@import CSS用於導入其它樣式表樣式規則。這些規則必須先於所有其他類型的規則，[...]
MDN

只要把@import規則重置CSS之前，你的問題就解決了。