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

【问题标题】：IE @font-face is not working even after ?#iefix is in placeIE @font-face 即使在 ?#iefix 到位后也无法正常工作
【发布时间】：2014-06-25 07:53:15
【问题描述】：

我在这里检查了有关此问题的所有问题，但没有运气。问题只在 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

【问题讨论】：

如果您的其他@font-face 工作正常，请尝试：stackoverflow.com/a/12459447/1455709
@Patrick 我正在使用被 fontsquirrel.com 禁止的 Helvetica。这是否取决于我们在哪里生成 eot 文件？生成后是否需要保持字体名称不变？
生成任何允许你的地方，如果你指的是文件名，不管它们是什么 - 只要你的链接排成一行
你设法让它工作了吗？
不，它仍然不能使用相同的字体！我改了字体。

标签： css internet-explorer fonts font-face

【解决方案1】：

我遇到过类似的问题，即 IE 忽略了字体。然后的问题是我使用的字体系列名称包含太多的 IE 字符，但对所有其他浏览器都很好。

尝试缩短名称HelveticaNeue23UltraLightExtended。

【讨论】：

会试试看！！

【解决方案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

粗体、斜体等字体参数可以稍后在上面的块末尾指定，如图所示，

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

【讨论】：