Question

我在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;
}

Answer 1

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

我试过了，它正在发挥作用。祝你好运!!!

在IE中渲染Open Sans字体

1 个答案: