css - 跨浏览器 base64 网络字体支持

Question

internet-explorer 有时会中止EOT文件加载进度，因此字体无法正确加载。

1. eotfast & mhtml有一个抽象的解决方案，但它在 IE7+8 中不受支持。

2. 常规base64方法效果很好，但仅适用于 IE9 ：

   src: url('data:font/eot;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAggg=='); /* IE 9 */

为internet-explorer7 + internet-explorer8实施内联 opentype webfonts的常见解决方案是什么？

Answer 1

Internet Explorer 7 不支持数据 URL
有关 DataURL 支持的更多详细信息

在这种情况下，使用条件注释将非 DataURL 字体提供给 IE7 及更低版本：

<!--[if (lte IE 7)]>
    <link rel="stylesheet" media="screen" href="css/fontface-ielt8.css" />
<![endif]-->

Internet Explorer 8 的 DataURL 大小限制为 32KB

如果您的字体没有显示在 IE8 中，这可能是原因。
然后尝试通过fontsquirrel（专家模式）或其他应用程序修改字体以减小字体大小。

希望这可以帮助。

Answer 2

看到您的问题不是为 IE7+8 实现内联 opentype webfonts 的问题，而是Internet Explorer 似乎有时会中止 EOT 文件加载进度的事实，我不得不指出字体必须遵守跨域资源共享。