字体不从 css 文件加载（或渲染）答案

【问题标题】：Font does not load (or render) from css file字体不从 css 文件加载（或渲染）
【发布时间】：2017-07-20 21:04:19
【问题描述】：

我正在尝试在我的 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>

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

【问题讨论】：

标签： html css fonts

【解决方案1】：

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

【讨论】：

谢谢，这绝对是一个错误，但它仍然不起作用。它仍然不加载字体。
我刚刚做了（再次）。该文件肯定托管在此 URL 下。
我也尝试将css代码复制到html文档的头部，但没有成功。有没有办法直接测试字体是否加载？ URL 确实有效（当我使用 URL 时，Firefox 会提示我下载文件）。很抱歉问了这么基本的问题。
查看此链接。希望对你有帮助paulirish.com/2009/font-face-feature-detection

【解决方案2】：

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

【讨论】：

感谢您提供帮助。我不能分享这个特殊的字体，但我明天会尝试建立一个生活的例子。