Css Can'；不要使用谷歌&x27；正确使用字体

所以我一直在尝试导入谷歌的字体，并将其集成到一个网站中，但没有成功

CSS：

@import url(http://fonts.googleapis.com/css?family=Linden+Hill);
/*...*/
body.single-post p, body.page p{
    font-family: 'Linden Hill', sans-serif;
}

出于某种原因，当我尝试在Firefox和Google Chrome中使用字体时，它不会加载/显示字体，字体名称周围会有或没有引号

Google Fonts的网站上说，要包含字体，您可以这样做：

font-family: 'Linden Hill', serif;

…但它不起作用

现在，对于另一种字体，Tangerine（请注意，它是一个单词），如果我将它包括在没有引号的地方，它就会工作，就像这样

@import url(http://fonts.googleapis.com/css?family=Tangerine);
/*...*/
body.single-post p, body.page p{
    font-family: Tangerine, sans-serif;
}

…但如果你按照谷歌字体告诉你的去做，并用单引号括起来，它就会神奇地停止工作

这是inspector中的外观：

---

我做错什么了吗？

应该使用双引号：

字体系列：“林登山”，衬线

---

结果是，我在@font-face定义之后有了@import

/*some other @imports*/
@font-face {/*font face here*/}
@import url(/*the font URL here*/)

---

在@font-face定义之前移动它可以解决这个问题。

是的，您在这里的css中做错了（body.single-post p，body.page p）

看看这里，如果你是这样直接使用

body{
    font-family: 'Linden Hill', sans-serif ;
}

您需要编写css树 试试这个，行吗

body .single-post p, body .page p{
    font-family: 'Linden Hill', sans-serif;
}

或者，如果可以的话，告诉我你想在哪里使用它的代码

---

它工作正常报价没有问题

问题是，它没有问题。我试过各种各样的引语，以及各种各样的引语。什么都不起作用。@import是否在文档中的任何样式规则之前？我知道这在你的例子中，但是在inspector中有一大堆的样式。@davidpauljunior它就在几个导入之后。“我会把它移远一点，看看它是否管用。”大卫保罗，一个新手犯的错误。是的，在

@font-face

定义之前移动

@import

修复了它。谢谢，没问题。在Tangerine工作的另一个例子中，我想知道你的机器上是否已经有了这种字体。@davidpauljunior如果你读了这篇文章的后半部分，它表明它实际上也从Google字体中获取了这种字体。