Web字体仅在Chrome中出现故障

Question

我在我的服务器上安装了一个Web字体，当我在Firefox和IE中查看它时，它非常好。现在，当我在谷歌浏览器中打开同一页面时，字体不是因为我把它放在CSS中！网站上还有其他字体显示正常。只是一种字体不起作用。这都是使用本地和服务器副本进行测试的，但都没有用。

关于我们 是 Din 内容假设是 Franklin Gothic 。

---

火狐：

---

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

Answer 1

尝试在“ WOFF声明”之前加上“ SVG声明”：

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

}

希望它有所帮助！