Question

美好的一天，

最初，我有一个font-face，并且除了IE 9及更高版本之外，它在所有浏览器中都能正常工作：

@font-face {
    font-family: 'dax-regularregular';
    src: url('../fonts/daxregular-webfont.eot');
    src: url('../fonts/daxregular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/daxregular-webfont.woff') format('woff'), 
         url('../fonts/daxregular-webfont.ttf') format('truetype'),
         url('../fonts/daxregular-webfont.svg#dax-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

要解决此问题，我添加了另一个font-face：

/* To fix IE 9 and above bold issue */
@font-face {
    font-family: 'dax-regularregular';
    src: url('../fonts/daxbold-webfont.eot');
    src: url('../fonts/daxbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/daxbold-webfont.woff') format('woff'), 
         url('../fonts/daxbold-webfont.ttf') format('truetype'),
         url('../fonts/daxbold-webfont.svg#dax-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

这解决了我在IE 9及以上版本中的问题，然而，它在IE 8中引入了新的问题。也就是说，正常的单词将是粗体，粗体的单词将变为＆＃34;更加大胆＆＃34; （变得更胖）。我从互联网上看到，IE 8不支持带WOFF格式的@ font-face规则（仅支持EOT格式）。所以，我除了eot之外我拿出那些网址，但仍面临问题。

我将我的css代码更改为如下，但在IE 8中仍然存在同样的问题：

@font-face {
    font-family: 'dax-regularregular';
    src: url('../fonts/daxbold-webfont.eot');
    src: url('../fonts/daxbold-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: bold;
}

我原来的问题是font-family crash with @font-face src

请告知。

Answer 1

试试这个：

http://en.wikipedia.org/

@ font-face在IE 9及更高版本中修复，但在IE 8中引入了新的问题

1 个答案: