谷歌字体不起作用

Question

我正在尝试按照说明添加Google字体，它可用于测试文件，但无法在生产网站上加载。

http://www.bleskuborka.ru/services/

标题УБОРКАОФИСА，УБОРКАКВАРТИРЫ等应该与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。用空格代替破折号。

.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网站上工作，它将避免一些问题！