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

Question

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

About Us is Din内容应该 是Franklin Gothic。

---

火狐：

---

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

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;

}

希望能帮助到你！