css - Web 字体仅在 Chrome 中出现故障

Question

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

关于我们是喧嚣并且内容应该是富兰克林哥特式。

---

火狐:

---

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

尝试将“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;

}

希望对您有所帮助!