9

我无法让客户的自定义字体显示在 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 上的笑脸在做什么,但我在另一个 SO 问题中发现了这段代码,这使它在 IE7 中完美运行(或者至少就我通过 BrowserLab 看到的而言。)

另外,有没有比 Browserlab 更快的生成视图的方法?

4

1 回答 1

4

删除 IE Con​​ditional 并将其放入您的 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;

}

也使用 '...' 自定义字体,像这样

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

还要检查您的路径是否设置正确。

于 2012-04-23T00:16:05.320 回答