Css Web字体仅在Chrome中出现故障

Css Web字体仅在Chrome中出现故障,css,google-chrome,cross-browser,webfonts,Css,Google Chrome,Cross Browser,Webfonts,我已经在我的服务器上安装了一个web字体,当我在Firefox和IE中查看它时,它是非常好的。现在,当我在Google Chrome中打开同一页时,字体与我在CSS中使用的字体不同!网站上还有其他字体显示良好。只是有一种字体不起作用。这两种方法都使用本地和服务器副本进行了测试,但都不起作用 关于我们的是喧闹的 内容应该是富兰克林哥特式的 Firefox: Internet Explorer: Chrome:(有问题的) 我的CSS: @font-face { font-fa

我已经在我的服务器上安装了一个web字体,当我在Firefox和IE中查看它时,它是非常好的。现在,当我在Google Chrome中打开同一页时,字体与我在CSS中使用的字体不同!网站上还有其他字体显示良好。只是有一种字体不起作用。这两种方法都使用本地和服务器副本进行了测试,但都不起作用

关于我们的是喧闹的 内容应该是富兰克林哥特式的


Firefox:


Internet Explorer:


Chrome:(有问题的)


我的CSS:

@font-face {
    font-family: 'Franklin Gothic';
    src: url('Franklin Gothic.eot');
    src: url('Franklin Gothic.eot') format('eot'),
url('Franklin Gothic.woff') format('woff'),
url('Franklin Gothic.ttf') format('truetype'),
url('Franklin Gothic.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
任何帮助都将不胜感激, 谢谢 ~BN

尝试将“SVG声明”放在“WOFF声明”之前:


希望有帮助

你检查过HTTP头了吗?Chrome对服务器发送的mime类型很挑剔。我有一个答案可以帮你@Steveworth我对web字体一无所知。Chrome开发工具的控制台对web字体一无所知。如果不同字体的行为不同,那么问题显然取决于字体。你需要告诉更多关于它们的信息,而不仅仅是字体文件的相对URL。运气不好。还是一样(
@font-face {
    font-family: 'Franklin Gothic';
    src: url('Franklin Gothic.eot');
    src: url('Franklin Gothic.eot') format('eot'),
url('Franklin Gothic.svg') format('svg');
url('Franklin Gothic.woff') format('woff'),
url('Franklin Gothic.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}