css - 在 IE 8 中为字体使用数据 uri 方案

Question

如何让数据 uris 中定义的字体出现在 Internet Explorer 8 中？

这是背景:我在 Web 应用程序中使用 tinyMCE HTML 编辑器，它被多个组织使用，其中一些使用的 IE 已被设置为不允许字体下载。 tinyMCE 中的图标是作为字体实现的，因此那些不能下载字体的人是看不到图标的。我试图通过在 skin.min.css 中使用数据 uri 方案来解决这个问题，所以它说的地方

src:url('fonts/icomoon.eot')

我改成这样

src:url("data:application/vnd.ms-fontobject;base64,TCAAAK...DOJntO")

这在 IE 9 中有效，但在 IE 8 中无效。根据 this wiki page如果 data URI 小于 32KB 并且出现在 CSS 中预期的 url 位置，则应该在 IE8 中允许它们。字体本身是 9KB。

更新:

从那以后我发现数据 uris 不是解决 IE 被设置为不允许字体下载的问题的充分解决方案，即使在版本 9 中也是如此。使用该设置，不使用网络字体即使它们嵌入在样式表中。从安全的 Angular 来看，这确实有意义，因为恶意代码可以像单独的代码一样轻松地驻留在嵌入式 base64 二进制文件中。否则，我的想法是一厢情愿、未能清除缓存以及我的开发人员计算机中的 IE 安全设​​置也被锁定这一事实的混合结果。因此，我将编辑样式表以改为使用图像。

Answer 1

不幸的是，IE8 中的字体不支持数据 URI。这是我在编写 font-face render check 时遇到的问题.唯一的解决方案是从外部加载 EOT。