@font-face 未嵌入 IE8 及以下答案

【问题标题】：@font-face not embedding in IE8 and under@font-face 未嵌入 IE8 及以下
【发布时间】：2013-12-04 20:50:38
【问题描述】：

由于某种原因，字体无法在 IE 8 及以下版本中呈现。我已经应用了 IE 修复程序 (.eot?#iefix)，它一直有效，但由于某种原因，这次不是。有人知道出了什么问题或也遇到过这样的问题吗？这是我所拥有的：

@font-face {
font-family: 'rrb-main';
src: url('./assets/rrb-main.eot');
src: url('./assets/rrb-main.eot?#iefix') format('embedded-opentype'),
         url('./assets/rrb-main.woff') format('woff'),
         url('./assets/rrb-main.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

【问题讨论】：

在stackoverflow.com/a/11386333/638254 上查看我的回答，了解您将@font-face 放在DOM 中的哪个位置

标签： font-face

【解决方案1】：

尝试在标签周围使用双引号，如下所示：

@font-face {
font-family: "rrb-main";
src: url("./assets/rrb-main.eot");
src: url("./assets/rrb-main.eot?#iefix") format("embedded-opentype"),
     url("./assets/rrb-main.woff") format("woff"),
     url("./assets/rrb-main.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

我不知道为什么，但有时会奏效。这个标签应该可以工作，因为你有字体的 EOT 版本。

【讨论】：