0
好日子字体面修复,@在IE 9以上,但在IE引入新的问题8
起初,我有一个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这是正常的字会大胆引入新的问题,该大胆的词会变得“更加大胆”(变得更胖)。我从互联网上看到,IE 8不支持WOFF格式的@ font-face规则(仅支持EOT格式)。所以,我拿出除了eot之外的那些url,但仍然面临问题。
我改变我的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
请告知。