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

未通过外部CSS加载自定义字体,css,Css,我有一个网站与css和自定义字体,所有的工作都很好。现在我试着从我的网站B中引用这个css。从css角度看,一切都很好,只是字体没有应用。当我在Firefox控制台的“网络”选项卡下查看时,所有内容都已正确加载,包括自定义字体 以下是我在css中声明字体的方式: @font-face { font-family: 'Raleway Light'; src: url('http://website-a.com/fonts/Raleway-Light.ttf'); } * {

我有一个网站与css和自定义字体,所有的工作都很好。现在我试着从我的网站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:url('../font/ralway Light.ttf')引用.ttf;但它也不起作用

有什么见解吗


注:我已经尝试了不同的浏览器并清理了缓存。

Firefox不允许跨域字体嵌入。有关各种解决方案,请参见此。ttf用于windows字体,而true type字体(.ttf)在某些浏览器上不起作用

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


Firefox不允许跨域字体嵌入

因为我之前已经测试过了,并且成功了


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

好的,谢谢你的回答,但先说两句话,我在Chrome和IE上试过,但也没用。第二,当我查看网络工具时,当我在网站B上加载页面时,我可以看到我的字体文件的代码为200。所以它似乎成功地下载了字体,不是吗?