重置css使@import的Google字体无法工作

我有一行规则就在另一个CSS的上面，但是

Hind

字体不适用，而是使用了Times New Roman字体

如果注释掉重置Css行，则应用后字体

为什么重置Css使我的后字体系列不适用？即使我将

font-family:'Hind'

放在

html{}

和

body{}

中，它仍然只在重置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"; } 

---

现场演示：

您必须在重置之前放置

@import

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

---

您必须在重置之前放置

@import

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

@import CSS at规则用于从其他样式表导入样式规则。这些规则必须优先于所有其他类型的规则，[…]

只需将

@import

规则放在重置CSS之前，您的问题就解决了

@import CSS at规则用于从其他样式表导入样式规则。这些规则必须优先于所有其他类型的规则，[…]

---

只需将

@import

规则放在重置CSS之前，您的问题就解决了。

在您编写的演示中

@@import url(https://fonts.googleapis.com/css?family=Hind:400,600,700);带有两个
@
。正常吗？更新了。我的错。此处的实时演示：在您编写的演示中，
@@import url(https://fonts.googleapis.com/css?family=Hind:400,600,700);带有两个
@
。正常吗？更新了。我的错。现场演示：