html - @fontface 不适用于 IE9

Question

我的网页菜单有字体。除了 Internet Explorer 之外，所有浏览器都可以正常加载。这是我在我的 CSS 中使用的内容:

@font-face{
   font-family: 'MyriadProSemibold';
   src: url('fonts/MyriadPro-Semibold.eot');
   src: local(MyriadPro-Semibold), url('fonts/MyriadPro-Semibold.otf') format('opentype');
}

字体位于名为 fonts 的文件夹中，该文件夹与 css 文件位于同一文件夹中。我不知道如何调试这个问题，有人可以指出需要做什么才能使它们适用于 IE9 吗？

Answer 1

我建议你把opentype文件放到the font-face generator中.单击生成并下载您获得的 .zip 文件。

将字体复制到您的虚拟主机并将 stylesheets.css 中的 CSS 样式复制到您的样式表中，您可以更改名称并且需要将路径更正为新路径。现在它适用于 FireFox 3.5+、Chrome4+、Opera10+、iPad、iPhone、IE4+ (!) 和 Safari3.1+。