Question

我已按照谷歌字体网站上的说明进行操作，我的网页显示应该在MY笔记本电脑上显示，但是，字体“FJALLA ONE”不会加载到任何其他计算机或设备上。

我做错了吗？我可以将字体存储在文件夹中并将其链接为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;

OR

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

如果仍然无法修复，请尝试删除, sans-serif

Answer 2

您的问题与您的代码无关。没事。我会删除!important，但这并不是必需的，语法也不正确，但即使语法错误，代码仍然可以正常工作。

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

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

谷歌字体将无法正常工作

2 个答案: