2015-09-03 40 views
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

请告知。

回答

0

试试这个:

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
}