[英]@font-face not working with specific version of Internet Explorer 11
我知道有很多类似的问题，但这种情况似乎很奇怪。 对于Internet Explorer 11（Windows 7 Pro），@ font-face似乎已被破坏。 具体来说，版本： 11.0.9600.17728 ，更新版本： 11.0.18 。
@ font-face在Chrome，Firefox，Safari，Opera（适用于Linux和Windows）上都能正常使用。 事实上，它甚至可以在Internet Explorer版本： 11.0.9600.17633 ，更新版本： 11.0.16上运行，也可以在我拥有的另一台机器上运行Windows 7。
开发人员控制台中没有任何内容表明提取字体时出现任何问题。 我已经将我的html / css简化为一些非常基本的东西来重现问题。 在下面的情况中，两种自定义字体都不起作用（对于特定的IE版本）：
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<p>This font should be Roboto Thin</p>
<p>There should be icons below. If not, then font-face is not working.</p>
<span>a</span>
<span>b</span>
<span>c</span>
<span>d</span>
<span>e</span>
<span>f</span>
<span>g</span>
<span>h</span>
<span>i</span>
<span>j</span>
<span>k</span>
<span>l</span>
<span>m</span>
</body>
</html>
......和CSS：
@charset "UTF-8";
@font-face {
font-family: 'robotothin';
src: url('roboto-thin-webfont.eot');
src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
url('roboto-thin-webfont.woff') format('woff'),
url('roboto-thin-webfont.ttf') format('truetype'),
url('roboto-thin-webfont.svg#robotothin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'typicons';
src: url('typicons-regular-webfont.ttf');
}
p {
font-family: robotothin;
font-size: 26px;
color: #666;
}
span {
font-family: typicons;
font-size: 30px;
color: #0062A8;
}
你可以在这里找到运行的代码 。
如果我使用IE版本查看该页面导致问题，文本字体将是默认值，而不是图标，您只能看到span标签中的字母。
鉴于@ font-face正在我测试过的每个其他浏览器中工作（即使是不同版本的IE 11），这可能是该版IE的错误，我还能做些什么来进一步修复或调试？
问题是“@ font-face无法使用特定版本的Internet Explorer 11”
检查您的字体是否可嵌入：可安装
如果它不是可嵌入性：可安装添加可安装字体，那么它将完美地工作。
该问题可能与在特定版本的Internet Explorer上使用HTTPS有关。 我发现在Win 7上运行的版本11.0.9600.19035，更新版本11.0.65也会受到影响。
即使Google声明支持Microsoft Internet Explorer 6+版本，其字体也会受到影响，其方式与上述相同。
通过HTTP提供字体将带来“混合内容”警告。 接受警告后，字体将显示在受影响的IE上，但不会显示在未受影响的IE上。
目前我知道没有解决方法，甚至没有通过HTML / CSS / JavaScript检测受影响版本的方法。
修复了在apache级别上删除“eot”文件的“Vary”标题
<Location ~ \.eot$>
Header unset Vary
</Location>
@ font-face在Firefox和Internet Explorer中不起作用
[英]@font-face not working in firefox and Internet Explorer
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.