html - 无法使用 Internet Explorer 8 获取@font-face

Question

我无法让我客户的自定义字体显示在 IE8 中。它出现在 IE 9 & 7 和 Chrome obv 中。我不确定为什么这个版本的 IE 会造成麻烦。这是我的 html 中的 include 语句

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="../styles/ie/cherokee_ie.css" />
    <![endif]-->

这是 cherokee_ie.css 文件

@font-face {
font-family: 'cherokee';
src: url('../../custom.eot');
src: url('../../custom.eot') format('embedded-opentype'),
src: local('☺'), url('../../font/custom.woff') format('woff'), url('../../font/custom.ttf')             format('truetype'), url('../../font/custom.svg') format('svg');
font-weight: normal;
font-style: normal;
}

h1 ul li {
  font-family:cherokee;
}

我不太确定 src:local 上的笑脸在做什么，但我在另一个 S.O. 中找到了这段代码。使它在 IE7 中完美运行的问题(或者至少就我通过 BrowserLab 所见而言。)

此外，有没有比 Browserlab 更快的生成 View 的方法？

Answer 1

删除 IE 条件并将其放入您的 CSS

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

}

对于像这样的自定义 font-face 字体也使用 '...'

h1 ul li {
  font: 18px/27px 'cherokee', Arial, sans-serif;
}

同时检查您的路径是否设置正确。