internet-explorer-9 - @font-face 在 IE9 中缺少字符/字形

标签 internet-explorer-9 font-face

我在 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。

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

Comparison image showing the above visually

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

最佳答案

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

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

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

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

相关文章:

css - .ie9 CSS 选择器

gwt - 在Gwt中,如何使复选框的文本变为粗体?

css - 字体在 Windows 中看起来失真

html - 如何将@font-face 与 Gotham-Light 字体一起使用?

javascript - "Submit is not a function"在没有其他提交输入的动态创建表单中的 Firefox 错误

twitter-bootstrap 'disabled' 类在 ie9 上不起作用

html - font-face 无法在 Chrome 中正确显示某些字符

firefox - @fontface FireFox(10) 将文本呈现为非常粗体

internet-explorer - IE中的多类CSS继承问题

html - ie9 边框半径