Question

我正在尝试在我的html文件中使用自定义字体。我已将字体文件上传到github并在github上托管了一个css文件。我多次检查链接是否有效以及字体文件是否包含实际字体。我的问题是HTML文档中的文本以标准字体显示，而不是以“kievit”字体显示。谁能发现我的错误？

谢谢！

kievit.css中的CSS代码是：

@font-face {
                      font-family: 'kievit';
                      src: local('kievit'),url(https://cdn.rawgit.com/../Kievit-Medium.woff) format('woff');
                     src: local('kievit'), url(https://cdn.rawgit.com/../Kievit-Medium.eot);
        }
     @font-face {
                              font-family: 'kievit';
                              font-style: italic;
                              font-weight: bold;
                              src: local('kievit'), url(https://cdn.rawgit.com/../Kievit-BoldItalic.woff) format('woff');
                             src: local('kievit'), url(https://cdn.rawgit.com/../Kievit-BoldItalic.eot);
                }

 


        <html>
      <head>
        <link rel="stylesheet"
              href="https://rawgit.com/../kievit.css" type="text/css">
    </head>
        <span style="font-family: 'kievit', sans-serif; font-size: 36px;"> Making the Web Beautiful</span>
        <br> <br>
        <span style="font-family: 'arial'; font-size: 36px;"> Making the Web Beautiful</span>
    </html>

编辑：我按照建议将font-style更改为font-family，但它仍然不起作用。我的第一行仍然是用arial而不是我的自定义字体呈现的。

Answer 1

尝试font-family: 'kievit'而不是font-style

Answer 2

我宁愿发表评论，但我没有足够的声誉这样做。乍一看你的代码看起来没问题，但屏幕后面可能还有一些其他错误（阻止网络请求，错误的mime类型传递）所以如果你能给我们提供一个实例，它会更容易调试。

字体无法从css文件加载（或呈现）

2 个答案: