css - 网络字体故障仅在Chrome中

我已经在服务器上安装了Web字体，当我在Firefox和IE中查看它时，就很好了。现在，当我在Google Chrome浏览器中打开同一页面时，字体与我在CSS中输入的字体不一样！网站上还有其他字体可以正常显示。只是一种字体不起作用。这已在本地副本和服务器副本上进行了测试，但均无效。

关于我们是丁
内容应该是富兰克林·哥特式。



Firefox：





IE浏览器：





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声明”之前：

@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;

}

希望能帮助到你！