@ font-face未嵌入IE8及以下版本 [英] @font-face not embedding in IE8 and under

问题描述

由于某种原因，字体无法在IE 8及更低版本中呈现.我已经应用了一直有效的IE修复程序(.eot?#iefix)，但是由于某种原因，这不是这次.任何人都知道出了什么问题或者也遇到了这样的问题?这就是我所拥有的:

for some reason the font is not rendering in IE 8 and under. I've applied the IE fix (.eot?#iefix) which always has worked but for some reason it's not this time. Anybody know what's going wrong or have had an issue like this as well? Here's what I have:

@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;

}

推荐答案

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

Try using double quotes around your tags like so:

@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版本的字体，因此该标签应该可以工作.

I don't know why but sometimes that works. This tag should work since you have the EOT version of the font.

这篇关于@ font-face未嵌入IE8及以下版本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！