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

Question

我有一个带有 css 和自定义字体的网站 A，一切正常。现在我正在尝试从我的网站 B 引用此 css。除了未应用字体外，一切都在 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('../fonts/Raleway-Light.ttf');但它也不起作用。

有什么见解吗？

PS.: 我尝试了不同的浏览器并清理了缓存。

Answer 1

Firefox 不允许跨域字体嵌入。看这个similar question用于各种解决方案。