Question

我在这里检查了有关此问题的所有问题，但没有运气。问题仅出在IE7及以上版本，所有其他浏览器都能正常工作。

以下是我的CSS代码

@font-face {
font-family: 'HelveticaNeue23UltraLightExtended';
src: url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.eot?#iefix');
src: url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.eot?#iefix') format('embedded-opentype'),
     url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.woff') format('woff'),
     url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.ttf') format('truetype'),
     url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.svg#HelveticaNeue23UltraLightExtended') format('svg');

}

也尝试了

@font-face {
font-family: 'HelveticaNeue23UltraLightExtended';
src: url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.eot');
src: url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.eot?#iefix') format('embedded-opentype'),
     url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.woff') format('woff'),
     url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.ttf') format('truetype'),
     url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.svg#HelveticaNeue23UltraLightExtended') format('svg');

}

这是测试链接http://bit.ly/Rtoxgw

Answer 1

我有一个类似的问题，IE忽略了字体。问题是我使用的字体系列名称包含太多的IE字符，但对所有其他浏览器都运行良好。

尝试缩短名称HelveticaNeue23UltraLightExtended。

Answer 2

问号后的

#iefix说明，你需要那个url来搜索一个会欺骗IE的查询参数，让你在不浪费缓存的情况下使用网站。很多人称之为缓存破解技巧。（你可以尝试任何东西）在问号前的＃之后，它只是一种缓存突发技术。）

您需要更改编写字体的顺序，以便按顺序从字体中获取数据，如果排序不正确，最终可能会在读取“eot”文件时出错，以“ttf”格式安装权限档尝试这个代码，这应该工作，你还需要在本地定义这个新字体作为资源[将资源文件重命名为短名称] 在css或样式表中使用它时也要更改此设置。还缩短字体名称...... 试试这个：

HelveticaNeueule

@font-face {
font-family: HelveticaNeueule;
src: url('../fonts/HelveticaNeue-UltraLigExt/HelveticaNeueule.eot?#iefix') format('embedded-opentype'),
src: local(HelveticaNeueule)
src: url('../fonts/HelveticaNeue-UltraLigExt/helveticaneue-ultraligext.svg#HelveticaNeue23UltraLightExtended') format('svg'),
src: url('../fonts/HelveticaNeue-UltraLigExt/HelveticaNeueule.ttf') format('truetype'),
src: url('../fonts/HelveticaNeue-UltraLigExt/HelveticaNeueule.woff') format('woff'),
font-weight: bold

粗体，斜体等字体参数可以在上面的块结尾处指定，如图所示，

希望这能解决你的问题...

IE @ font-face即使在#iefix到位后也无法正常工作

2 个答案: