css - Google Chrome 上未显示特定的 Web 字体

Question

在这个站点中，我目前正在使用存储在我的服务器上的网络字体对 Im 进行编码。每个浏览器都可以很好地显示它们，但不是 chrome。Chrome 改用 Times New Roman。检查 chrome 上的开发人员工具后，我发现它们的字体正在从服务器请求并成功检索。出于某种原因，Chrome 不会使用它们。我确实注意到，如果我在我的计算机上安装字体(使用 Windows，顺便说一句)，Chrome 也会突然工作。

这是我的字体缩减:

@font-face {
    font-family: 'BNLunch';
    src: url('BN_Lunch.eot');
    src: url('BN_Lunch.eot?#iefix') format('embedded-opentype'),
         url('BN_Lunch.woff') format('woff'),
         url('BN_Lunch.ttf') format('truetype'),
         url('BN_Lunch.svg#BNLunchregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

有什么见解吗？

编辑:我忘了提到这个特殊的 CSS 可以与其他字体一起使用。只有这种特殊的字体和 BNMadregot 给我带来了麻烦。难道是因为这个字体的英文字母是空白的？

Answer 1

我这里有一个类似的 CSS 代码，它可以在所有浏览器上正常工作，甚至是 Chrome。

@font-face {
    font-family: "standard 07_58";
    src: url("../fonts/standard_07_58/stan0758.eot?") format("eot"),
         url("../fonts/standard_07_58/stan0758.woff") format("woff"),
         url("../fonts/standard_07_58/stan0758.ttf") format("truetype"),
         url("../fonts/standard_07_58/stan0758.svg#Standard0758") format("svg");
    font-weight: normal;
    font-style: normal;
}

与您的 CSS 有一些不同，因此请尝试遵循此模式，看看会发生什么。