无法获取@字体面与Internet Explorer 8(Can't get @font-f

2019-09-16 16:36发布

我无法让我的客户的自定义字体脸IE8露面。 它显示了在IE 9&7,和铬OBV。 我不知道为什么IE的这一个版本会造成麻烦。 这是我包括声明我的html

<!--[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的笑脸:地方是干什么的,但我发现在另一个SO问题,使得它在IE7完美地工作代码(或至少据我可以通过BrowserLab看到。)

此外,有没有产生意见比Browserlab更快的方法?

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;

}

还可以使用“...”自定义字体面的字体,像这样

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

另外,请检查您是否路径设置是否正确。



文章来源: Can't get @font-face with Internet Explorer 8