在Chrome和Firefox中破解的字体在Safari中运行良好

Question

我有一个网站，其中的字体在Safari中看起来很不错，但在Chrome和Firefox中却被打破了。我无法找到覆盖我的字体设置的规则。请帮忙。

此页面位于http://alterknitnewyork.com/drop-off/

在safari中，它从uaf.css获取设置，但在chrome和firefox中，它们被评分。我不知道为什么它被打破了。即使我尝试使用!important标记内嵌字体，但也没有成功。

Answer 1

看起来您对“相同”字体有两个@font-face声明。一个在MyFontsWebfontsKit.css中，它将字体引用为“Elizabeth-Italic”。 uaf.css中的另一个声明将字体引用为“Elizabeth Italic”。这些是两种截然不同的字体。

假设你想要斜体字体，只需将font-family设置为“伊丽莎白 - 斜体”，你应该好好去。

我建议删除你不需要的任何CSS文件（尤其是@font-face声明），它会减少HTTP请求的数量，并使网站整体上更加快捷。