在IE中呈现Open Sans字体

Question

我在IE10中呈现Open Sans字体时遇到了问题。字体在Chrome和Firefox中正确呈现。在IE中，文本是通过默认字体呈现的。我从谷歌字体（http://www.google.com/fonts/specimen/Open+Sans）下载了字体。下面是CSS代码：

@font-face { 
    font-family: 'Open Sans'; 
    src: url('fonts/OpenSans-Regular.ttf'); 
    font-weight: normal; 
} 

@font-face { 
    font-family: 'Open Sans'; 
    src: url('fonts/OpenSans-Bold.ttf'); 
    font-weight: bold; 
} 

Answer 1

好像IE不.TTF字体文件的工作，你可以尝试将.TTF使用转换器（你可以google一下“转换器的.ttf到.eot”）到.eot，上传到您的字体文件夹，然后尝试使用这样的事情：

@font-face { 
font-family: OpenSans-Bold; 
src: url('fonts/OpenSans-Bold.eot'); /* IE */ 
src: local("OpenSans-Bold"), url('fonts/OpenSans-Bold.ttf') format("truetype"); /* non-IE */} 

@font-face { 
font-family: OpenSans-Regular; 
src: url('fonts/OpenSans-Regular.eot'); /* IE */ 
src: local("OpenSans-Regular;"), url('fonts/OpenSans-Regular.ttf') format("truetype"); /* non-IE */} 

我试过了，它的工作。祝你好运！！！