【问题标题】:Specific Web Font is not showing on Google ChromeGoogle Chrome 上未显示特定的 Web 字体
【发布时间】:2013-10-15 13:29:13
【问题描述】:

在这个站点中,我目前正在使用存储在我的服务器上的 webfonts 进行编码。 每个浏览器都可以很好地显示它们,但不是 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 给我带来了麻烦。 难道是因为这个字体的英文字母是空白的?

【问题讨论】:

  • 如果这是某个特定字体的问题,那么您应该确定使其他人可以访问该字体的字体。
  • 对不起,我不太明白我应该做什么?..
  • 指定字体的正确名称、它的创建者、它的可用位置,以及您如何创建 .woff 和其他文件(或从中获取它们)。添加演示的 URL 也会有很大帮助。您如何期望其他人帮助您解决专门针对一种字体的问题,甚至不知道它是什么字体?
  • 字体的url是:ph4.ru/dlfont.php?s=BN_Lunch&b=ttf&c=ttf-hebrew,我用font-face-generator.com创建了woff文件。该网站fontsquirrel.com/tools/webfont-generator 表示原始字体文件已损坏,不会创建 woff 文件。

标签: css google-chrome fonts webfonts


【解决方案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 存在一些差异,因此请尝试遵循此模式,看看会发生什么。

【讨论】:

    【解决方案2】:

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

    所以,换个字体吧。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-02-17
      • 2013-12-30
      • 2013-11-26
      • 2017-02-01
      • 2012-12-28
      • 1970-01-01
      • 1970-01-01
      • 2019-01-07
      相关资源
      最近更新 更多