在IE中呈现Open Sans字体

Question

我在IE10中渲染Open Sans字体时遇到了问题。在Chrome和Firefox中，字体被正确地渲染。在IE中，文本使用默认字体呈现。我从Google Fonts（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;
}

- Michał Urban

Answer 1

看起来IE不支持.ttf字体文件，您可以尝试使用转换器（您可以在Google中搜索“converter .ttf to .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 */}

我已经尝试过了，它可以正常工作。祝你好运！

- Arnol

---

我们可以使用 font-squirrel 来生成不同类型的字体。 - Mr_Green