google 字体不工作

Question

我正尝试按照说明添加 google 字体，它在测试文件中有效，但无法在生产站点上加载。

标题УБОРКА ОИСА、УБОРКА КВАРТИРЫ 等标题应该使用Roboto Condensed 呈现。

<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css">

字体链接到页面。 font-family 指定：

.serv-heading {
font-family: 'Roboto-Condensed', sans-serif;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2em;
}

还是少了点什么。

我起初以为这可能是西里尔字符造成的，但我尝试将标题重命名为英文，但没有成功。

请帮忙！

Answer 1

应该是Roboto Condensed。使用 space 而不是破折号。

.serv-heading {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2em;
}

Answer 2

尝试使用 Roboto Condensed 而不是 Roboto-Condensed，它将正常工作：

.serv-heading {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2em;
}

还要注意使用 https 和 Google 字体链接，如果有一天你在 https 网站上工作，它会避免一些问题！

google font doesn't work