Woff导致丢失的信件

Question

我收到了一组带有一组woff文件的html文件。

由于某种原因，文字中看不到字符“％”，如第一个屏幕截图所示。

如果我弄乱css并删除font-family属性（指向嵌入字体），那么'％'字符再次可见

当然，这不是我期望的字体。

我想知道导致这个问题的原因是什么？我该如何解决这个问题呢？

修改

底层的html是这样的：

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

和相应的css类

Answer 1

如果字形没有显示，则字体会以某种方式被破坏，或者字形实际上不在字体中。我们来看看：

通过TTX运行WOFF，看看%是否有cmap条目和字形轮廓。如果有：％应该呈现，但不是。因为出了问题而重新生成WOFF。

如果甚至没有%的条目，那么您有三个选择：

1. 找到新字体，或
2. 从保证具有%或
的来源重新生成WOFF
3. 保持原样，但添加CSS后备，以便%以不同的字体呈现。

我首先要创建一个新的WOFF。找到原始的otf或ttf源，使用它作为font-family来验证它是否有效，如果是，请将其转换为WOFF并禁用压缩（不更改字体的数据，它只是添加一个元数据块），看看是否有效。如果是这样，请尝试使用压缩WOFF （它不会修改字体数据，但会对其进行部分缩放，以便它理论上更小）并查看是否仍然有效。

另外请注意，您不需要 WOFF用于网络字体，原始的.ttf和.otf在现代工作中表现得很好浏览器。唯一的打嗝是IE，它实际上做了正确的事情，要求字体的权限表明它是'＃34;可安装＆＃34;而不是＆＃34; embeddable＆＃34;，所以：看看普通ttf / otf是否按预期工作，如果是，检查字体是否在IE中有效。

是吗？完成后，我们不需要WOFF，直到您有证据证明您需要优化您的webfont有效负载，因为它的大小会干扰用户采用。