我在 IE9 上使用 @font-face 时遇到了一个奇怪的问题。我使用 font-squirrel 将我们想要的字体的 TTF 转换为 WOFF、EOT 和 SVG

这看起来很有效,我能够使用 Paul Irish's @font-face CSS 使该类型在 Chrome/Safari 和 Firefox 上工作。问题是IE9。

在 IE9 中查看时,使用该字体的文本缺少字符。例如这句话

The quick brown fox jumps over the lazy dog

显示为
 h   uick bro n fox ju p  o  r th  lazy do

我将每种字体设置为单独的 @font-face 声明以进一步调查。 Chrome(例如)使用 WOFF、TTF 和 SVG 可以很好地呈现上述短语。奇怪的是,IE9 使用相同的缺失字符呈现 WOFF 和 TTF。但是它不会加载 EOT。

有谁知道原因可能是什么?任何帮助,将不胜感激。

编辑 2011.19.12:感谢大家的回答,我还没有找到解决这个问题的方法。碰巧的是,我们的一位设计师找到了他们想要使用的另一种字体,使问题变得不那么重要,但是我仍然想深入了解这个问题。

最佳答案

对我来说,这听起来像是 IE9 正确呈现格式的方式有问题,但其他浏览器是......要么(a)字体类型的兼容性问题,要么(b)IE 无法处理的转换中的损坏?我无法重现该症状,因此这可能不是真正的答案。

我会用松鼠做新的转换,也许使用脚本来检测浏览器代理并在必要时加载最兼容 IE 的字体,然后是适用于 Chrome/FF 和其他 webkit 浏览器的漂亮字体。

如果这有帮助,请告诉我。

关于internet-explorer-9 - @font-face 缺少 IE9 中的字符/字形,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8429654/

10-15 05:58