跨浏览器base64 webfonts支持

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不支持数据网址More details on DataURL support

在这种情况下，使用conditional comments将非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文件加载进度的事实，I必须指出字体必须符合cross-origin resource sharing。