internet-explorer - 在IE中渲染Open Sans字体

我在IE10中渲染Open Sans字体时遇到问题。字体在Chrome和Firefox中可以正确显示。在IE中，文字是默认字体。我已经从Google字体(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;
}

最佳答案

似乎IE无法使用.ttf字体文件，您可以尝试使用转换器将.ttf转换为.eot(可以将其“将.ttf转换为.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 */}

我已经尝试过了，并且可以正常工作。祝你好运!!!

关于internet-explorer - 在IE中渲染Open Sans字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19288850/