Google 字体无法正常工作

Question

我已经按照 google 字体网站上的说明进行了一个以上的操作，我的网页在我的笔记本电脑上显示正常，但是，字体 'FJALLA ONE' 无法在任何其他计算机上加载或设备。

我是不是做错了什么？我可以将字体存储在一个文件夹中，然后 link 它们就像 css 文件一样吗？

这是我的 html - 第 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%;
}

Google 字体无法正常工作

Google font just will not work

css

html

font-face

google-font-api

embedded-fonts