2012-05-05 108 views
1

我正在使用我的网页菜单的字体。除了Internet Explorer之外,所有浏览器都可以正常加载。下面是我用我的CSS是什么:@fontface不适用于IE9

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

字体是在位于同一文件夹中的CSS文件的文件夹名为字体。我不知道如何调试这个问题,任何人都可以指出为了让它们适用于IE9而需要做些什么?

+1

尝试添加的TrueType版本。 – Ryan

回答

2

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

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

+0

谢谢,这工作。我之前看到过font-face生成器,但之后我读到“生成器目前在Internet Explorer中被破坏,我们会尽快修复它。”在网页上,我认为字体在IE中不起作用,但在再次阅读后我明白他们在说什么。 –

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');} 
相关问题