Html 网络字体赢得'；t型镀铬显示器

无论我尝试了什么，我都无法在Chrome中显示任何web字体。我已经创建了一个测试页面，并在Safari和Chrome中查看了它（我在Mac上）。网络字体在Safari、IE和Firefox上看起来不错，但在Chrome上就不行了

页面如下：

下面是CSS：

@font-face {
    font-family: 'general_200thin';
    src: url('http://www.bradfordallendesign.com/fonts/General-200-Thin-webfont.eot');
    src: url('http://www.bradfordallendesign.com/fonts/General-200-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.bradfordallendesign.com/fonts/General-200-Thin-webfont.woff2') format('woff2'),
         url('http://www.bradfordallendesign.com/fonts/General-200-Thin-webfont.woff') format('woff'),
         url('http://www.bradfordallendesign.com/fonts/General-200-Thin-webfont.ttf') format('truetype'),
         url('http://www.bradfordallendesign.com/fonts/General-200-Thin-webfont.svg#general_200thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

.test
{
    font-family:'general_200thin', Helvetica, Arial, san-serif;
    font-size: 80px;
    }

非常感谢任何建议的修复！谢谢

以下是我得到的：

跨源资源共享策略已阻止加载来自源“”的字体：请求的资源上不存在“访问控制允许源”标题。因此，不允许访问源“”

因此，我想知道页面是否有权访问字体（来自bradfordallendesign.com）

---

我建议您使用文件的相对路径，而不是绝对路径。就像的答案一样。

在我的机器上，所有浏览器在加载时都会出错，而不仅仅是Chrome

但是，如果我将URI更改为包含www，则可以加载字体。

这样，域是相同的，您不再得到CORS异常

因此，解决方案是不指定字体的绝对路径；只要写

@font-face{
字体系列：“general_200thin”；
src:url（'/font/General-200-Thin-webfont.eot'）；
src:url（'/font/General-200-Thin-webfont.eot？#iefix'）格式（'embedded-opentype'），
url（'/fonts/General-200-Thin-webfont.woff2'）格式（'woff2'），
url（'/fonts/General-200-Thin-webfont.woff'）格式（'woff'），
url（'/fonts/General-200-Thin-webfont.ttf'）格式（'truetype'），
url（'/font/General-200-Thin-webfont.svg#General_200thin'）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}

---

然后，您可以确保没有域名不匹配。

语法正确…您将此字体转换为webfont？并嵌入css中。你的文章很好。这里也一样，只是我在所有浏览器中都能看到，不仅仅是Chromium。@MrLister Yea。。我用铬合金和FF做的，很酷。非常感谢大家。我将尝试相对路径。顺便说一句，字体是通用的（）。我从Fontspring买的还有一件事。如何使网页字体在Chrome（或任何浏览器）中本地显示？我在根文件夹中创建了一个“字体”文件夹，我正在我的机器上构建站点，但是本地不会显示任何web字体。