Woff导致字母丢失

Question

我已经收到了一组html文件，其中附带了一组woff文件。

由于某些原因，字符'%‘在文本中不可见，如第一个屏幕快照所示。

​

​

如果我篡改css并删除字体家族属性(它指向嵌入的字体)，那么'%‘字符将再次可见。

​

​

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

我想知道是什么导致了这个问题？我怎样才能解决这个问题？

编辑：

下面的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源代码，使用它作为字体系列来验证它是否有效，如果可以的话，将其转换为禁用压缩的WOFF (这不会改变字体的数据，它只是添加了一个元数据块)，并查看它是否有效。如果是的话，尝试使用压缩WOFF (它不会修改字体数据，但gzip部分，因此理论上它更小)，看看它是否仍然有效。

也要注意，对于网页字体，您不需要WOFF，在现代浏览器中，原始的.ttf和.otf工作得很好。唯一的问题是IE，它实际上做了正确的事情，要求字体的权限表明它是“可安装的”而不是“可嵌入的”，因此:查看普通的ttf/otf是否正常工作，如果是，检查字体是否在IE中工作。

是吗？完成后，我们不需要WOFF，直到你有证据，你需要优化你的网页字体有效载荷，因为它的大小是干扰用户采用。