Google Chrome上未显示特定网络字体

时间:2013-10-08 14:42:47

标签: css google-chrome fonts webfonts

在这个网站中,我目前使用存储在我服务器上的webfonts编码Im。 每个浏览器都显示它们很好但不是铬。 Chrome使用Times New Roman代替。 在检查chrome上的开发人员工具后,我发现他们正在从服务器请求他们的字体并成功地进行了返回。 出于某种原因,Chrome不会使用它们。 我注意到如果我在我的计算机上安装字体(使用Windows,BTW),那么突然在chrome上工作。

这是我的font-face decleration:

@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给我带来了麻烦。 可能是因为这个字体的英文字母是空白的吗?

2 个答案:

答案 0 :(得分:0)

我在这里有一个类似的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存在一些差异,因此请尝试遵循此模式,看看会发生什么。

答案 1 :(得分:0)

字体坏了(正如FontSquirrel告诉你的那样)。不要使用它。我从你提到的网站下载了BN Lunch,并用font-face-generator.com进行处理,并且测试.html页面生成的不会显示该字体中的字符(是的,我也试过普通数字和希伯来字母) Firefox上的Chrome ,仅适用于IE(在Win 7上测试过)。 Chrome开发工具显示Chrome获取字体文件并且不会发出错误信号,因此显然字体的内部表格已损坏(例如,提供有关字符覆盖的错误信息)。分发它的网站看起来像许多非法字体分发网站之一;例如,没有提及字体的作者或版权所有者。

所以,得到另一种字体。