Woff 导致丢失字母

Woff causes missing letter

我收到了一组 html 个文件,其中包含一组 woff 文件。

由于某些原因,第一个屏幕截图中显示的字符“%”在文本中不可见。

如果我 fiddle css 并删除 font-family 属性(指向嵌入字体),那么 '%' 字符再次可见

当然不是我想要的字体

请问是什么原因造成的?我该如何解决这个问题?

编辑:

底层html是这样的:

<pre class="g3" style="left:9.3px;top:0.7000061px;">Up to 50% of water</pre>

和对应的cssclass

如果字形未显示,则字体要么以某种方式损坏,要么字形实际上不在字体中。让我们检查一下:

运行 WOFF 到 TTX,并查看是否有 % 的 cmap 条目和字形轮廓。如果有: % 应该呈现,但没有。重新生成 WOFF,因为出了点问题。

如果 % 甚至都没有条目,那么您有三个选择:

  1. 寻找新字体,或者
  2. 从保证 %
  3. 的来源重新生成 WOFF
  4. 保持原样,但添加 CSS 回退以便 % 以不同的字体呈现。

不过,我会先创建一个新的 WOFF。找到原始的 otf 或 ttf 源,将其用作字体系列以验证其是否有效,如果有效,则将其转换为禁用压缩的 WOFF(not 更改字体数据,它只是添加了一个元数据块)并查看是否有效。如果是这样,请尝试 WOFF with 压缩(它不会修改字体数据,但会压缩其中的一部分,因此理论上更小),看看是否仍然有效。

另外 请注意,您 不需要 WOFF 用于网络字体,原始的 .ttf and .otf 在现代中工作得很好浏览器。唯一的问题是 IE,它通过要求字体的权限指示它是 "installable" 而不是 "embeddable" 实际上做了正确的事情,所以:看看普通的 ttf/otf 是否按预期工作,如果所以,检查字体是否在 IE 中工作。

是吗?完成后,我们不需要 WOFF,除非您有证据证明您需要优化您的 webfont 负载,因为它的大小会干扰用户的采用。