自定义字体未通过外部CSS加载

Question

我有一个带有CSS和自定义字体的网站，所有这些都可以。现在我试图从我的网站B中引用这个css。除了没有应用字体外，一切都工作正常。当我查看Firefox控制台的网络选项卡时，所有内容都正确加载，包括自定义字体。

以下是我在css中声明字体的方式：

@font-face {
    font-family: 'Raleway Light';
    src: url('http://website-a.com/fonts/Raleway-Light.ttf');
}

* {
    font-family: 'Raleway Light', sans-serif;
}

我也尝试用相对路径src引用.ttf：url（＆＃39; ../ fonts / Raleway-Light.ttf＆＃39;）;但它也不起作用。

有什么见解？

PS：我尝试过不同的浏览器并清理缓存。

Answer 1

Firefox不允许跨域字体嵌入。有关各种解决方案，请参阅此similar question。

Answer 2

.ttf用于Windows字体，真实字体（.ttf）在某些浏览器上不起作用。

如果你想在网络上使用字体，你最好使用.ttf，.woff，.eot格式的字体，并使用它们来支持所有浏览器。 我不同意这个说法

  

Firefox不允许跨域嵌入字体

因为我之前测试过并且工作过。

在相关src中，请查看您的@ font-face样式是在html文件中还是在外部css文件中，因为每个样式都有其src。有时候它让我们感到困惑。