css - Zurich 字体在 Internet Explorer 中不起作用

Question

我从互联网上下载了 ZURCH 字体的 TTF 文件，它在 FF 和 Chrome 中运行良好。但在ie中不起作用。

谁能告诉我原因，或者如何解决？

Answer 1

确保您的字体与您使用它们的网站位于同一域中。

确保您的 css 看起来像这样以实现跨浏览器兼容性，尤其是包含 #iefix 的行：

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

确保 WebFonts 的 url 也是正确的

src: url('../path_to_fonts/WebFont.ttf');

如果您需要将 ttf 转换为其他格式，即。woff，eot 和 svg，试试FontSquirrel