html – Windows 7上的Internet Explorer 10不加载嵌入字体

问题详情:

我有一个问题,Internet Explorer 10(在Windows 7 – 64位下)不会加载嵌入了@ font-face的字体.相反,它显示“Arial”或类似的字体.我在多个设备上测试了这个问题:

> Windows 8与Internet Explorer 11(64位)
> Windows 8与Internet Explorer 10(64位)
> Windows 7与Internet Explorer 10(64位)

但对我来说,这个问题从未发生过.但奇怪的是,在使用Internet Explorer 10和Windows 7 64位的客户PC上会出现此问题.

另一个奇怪的事情是,在Internet Explorer的“网络”选项卡中显示所有资源,但IE不会显示任何字体.
幸运的是,我有一台客户PC来调试这个问题.我无法弄清楚问题是什么.

我已经做了什么来找到解决方案:

>我确保路径和字体系列名称是正确的.我还确保@ font-face命令位于我嵌入的CSS文件中
>我尝试从以下位置添加doctype:

<!DOCTYPE html> to

<!DOCTYPE html SYSTEM "about:legacy-compat">

>我更新了meta标签,例如:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

>我还尝试更改font-face url命令的顺序
>我从font-family的名称中删除了’,所以从:

font-family: 'My font'; to
font-family: My font;

>我还尝试使用.htaccess文件强制使用正确的MIME字体,如:

AddType application/vnd.ms-fontobject    .eot
AddType application/x-font-opentype      .otf
AddType image/svg+xml                    .svg
AddType application/x-font-ttf           .ttf
AddType application/x-woff               .woff

>我还在另一台服务器上安装了该网站,以确保这不是服务器问题
>我确保Internet Explorer 10中的“chekbox”在“Internet选项”下 – >未检查“辅助功能”

技术方面:

我正在嵌入我的CSS:

<link rel="stylesheet" type="text/css" href="assets/css/base.css">

我的@ font-face命令如下所示:

@font-face {
    font-family: MyFont;
    src: url('myPath/MyFont.eot');
    src: url('myPath/MyFont.eot?#iefix') format('embedded-opentype'),
        url('myPath/MyFont.woff') format('woff'),
        url('myPath/MyFont.ttf') format('truetype'),
        url('myPath/MyFont.svg#myfont') format('svg');
    font-style: normal;
    font-weight : normal;
}

//编辑:
我只想指出CSS字体通常有效.但不幸的是没有在这个网站上.

最佳答案
让@ font-face在Internet Explorer中工作可能只是诡异.
以及你知道@ font-face已经可以通过WebKit在Safari 3中运行,并且在最新的Firefox 3.1 beta中受支持.
使用IE,这意味着如果他们的EULA允许,大约75%的世界观众今天可以看到自定义字体.
幸运的是,我们已经有了很好的免费面孔,以及一些允许嵌入的商业面孔.
so..my洋葱使用最新版本的浏览器,如chrome,firefox 3.1,safari 3.
谢谢…..

转载注明原文:html – Windows 7上的Internet Explorer 10不加载嵌入字体 - 代码日志