@fontface不适用于IE9

时间:2012-05-05 21:30:25

标签: html css internet-explorer font-face

我的字体是我的网页菜单。除了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?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

这是我使用的字体格式:

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