Internet Explorer 中的 TTF 支持状态如何?

Posted

技术标签:

【中文标题】Internet Explorer 中的 TTF 支持状态如何?【英文标题】:What is the status of TTF support in Internet Explorer? 【发布时间】:2013-07-15 16:08:57 【问题描述】:

我正在尝试确定 Internet Explorer 上 TTF 字体格式的支持状态。 (我手头没有任何 Windows 机器可以尝试。)The table at caniuse 声明 IE 从版本 9 开始支持 TTF,但“仅在 [fonts are] 设置为可安装时才有效”。那是什么意思?该页面链接到a blog post on MSDN,它描述了 IE9 上更新的字体支持。它不是很清楚或明确;我认为所指的“原始字体”是指 ttf 和 otf。它说“支持的字体格式包括......嵌入权限设置为可安装的原始字体”

所以,总结一下:

IE 是否支持 ttf 字体? 如果存在 ttf 支持,IE9、IE10 和 IE11 之间是否存在差异? 对于 ttf 字体,“嵌入权限设置为可安装”是什么意思?

【问题讨论】:

术语“原始字体”用于区分“封装”格式,例如 woff 和 EOT(在这两种格式中,内脏实际上是某种形式的 TTF/OTF,但压缩/编码不同)。 根据font squirrel TTF - 适用于大多数浏览器除了 IE 和 iPhone。 TTF 字体(目前)在 iPhone 4 和 iPhone 5 上使用(股票)Safari 正常工作 【参考方案1】:

因此,正如我在上面的问题中提到的,Internet Explorer 从版本 9 开始提供一些 ttf 支持,但“仅在 [字体] 设置为可安装时才有效”。

一些背景:

...TrueType 字体具有嵌入的“位”,允许创建者 字体来决定允许的嵌入级别。那里 是四个不同的嵌入位:(1)没有嵌入,(2)嵌入 仅查看和打印,(3) 嵌入查看、打印和编辑,以及 (4) 可安装嵌入。许多小型设计公司已设置 它们的嵌入位,因此不允许任何类型的嵌入。 ...

Source (also contains a lot of other information on this) 这是Another source with similar info

在another question 中,讨论了处理嵌入位。据透露,Font Squirrel webfont 生成器默认自动处理大多数字体上的这些嵌入位。因为我已经通过字体松鼠运行了我的字体,所以我很高兴。我调整了我的 CSS 以更喜欢 TTF 而不是 WOFF 进行测试,并使用网页测试获得了以下结果:

IE8 Did not work with TTF. It fell back to EOT IE9 Worked with TTF IE10 Worked with TTF

请注意,如果没有将嵌入位设置为可安装,我没有测试字体,不,我对此无话可说。但一般的结论是,当嵌入位设置为可安装时,TTF 字体在 IE 9 及更高版本中工作

【讨论】:

“我调整了我的 CSS,使其更喜欢 TTF 而不是 WOFF”。你是怎么做到的?! @user334639 我在字体 CSS 中将 TTF 放在 WOFF 之前。浏览器通常使用它们支持的第一个列出的字体格式,这就是它的工作原理。请注意,这违反了“防弹”语法。 很高兴知道!你在哪里学的有参考吗?它是规范的一部分吗? @user334639 是的,这是规范:w3.org/TR/CSS2/fonts.html 浏览器会遍历列出的字体,直到找到它们支持的字体,然后使用它。 那是关于font-family,而不是@font-face。无论如何,我做了一些测试,确实是这样。测试很简单:只需指向不同的字体,就可以看到渲染的结果。【参考方案2】:

只需 google internet explorer ttf support 或类似网站,它会为您提供很多信息,例如 http://www.fontspring.com/blog/fixing-ie9-font-face-problems

IE 对 TTF 的支持尚不清楚:一些网站声称支持(如 caniuse),而另一些则否认(如 http://webfonts.info/node/379)

在一个 ttf 文件中,有关于允许用户对字体做什么的信息。要允许在网站中使用 TTF 字体,必须将字体的嵌入位设置为可安装。 “嵌入位”指的是 OS/2 表中的 fsType 信息,“可安装”意味着所有 fsType 位都关闭。因此,即使浏览器支持 TTF,字体代工厂也可能会拒绝使用特定字体。

【讨论】:

以上是关于Internet Explorer 中的 TTF 支持状态如何?的主要内容,如果未能解决你的问题,请参考以下文章

Internet Explorer 中的 addEventListener

Internet Explorer中的Imagenes PHP透明

CSS Internet Explorer 5.5 - 6中的PNG支持,带有工作链接

Internet Explorer 9 中的渐变

Internet Explorer 中的 CSS“未设置”/“初始”

Internet Explorer 中的 JQuery 选择器问题