谷歌字体将无法工作

Question

我已经按照谷歌字体网站上的说明一遍又一遍，我的网页显示，因为它应该在我的笔记本电脑上，但是，字体'FJALLA ONE'不加载在任何其他计算机或设备上。

我做错了什么吗?我可以将字体存储在文件夹中并像css文件一样链接它们吗?

这是我的html - part 1:

head>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>

第2部分:

<div class="box">
        <h1 class="animated bounceInDown">SHEREE WALKER </h1> </div>

我的CSS

.box h1 {
    font-family:'FjallaOne', sans-serif;    !important;
    font-size:45px;
    text-align:center;
    color:#FFF;
    padding-top: 10%; }

我错过了什么吗?任何帮助都会很棒的。我已经无计可施了。

Answer 1

您的问题可能存在于这段代码中:

font-family:'FjallaOne', sans-serif;    !important;

应该是

font-family:'Fjalla One', sans-serif !important;

或

font-family:'Fjalla One', sans-serif;

如果这仍然不能解决它尝试删除, sans-serif

Answer 2

问题不在于代码。这很好。我会删除!important虽然，这是不必要的，语法也不正确，但即使语法错误，代码仍然可以工作。

你真正的问题是:文本是白色的，所以你永远不会在白色的背景上看到它。你可以看到它在这里使用红色文本-> http://jsfiddle.net/sxntrvrj/1/

h1 {
    font-family: 'Fjalla One', sans-serif; 
    font-size:45px;
    text-align:center;
    color:red;
    padding-top: 10%;
}