IE 10在本地使用@ font-face,但在从服务器查看页面时则不行

时间:2013-08-23 23:41:16

标签: css internet-explorer font-face internet-explorer-10 webfonts

我正在使用我自己的服务器上托管的icomoon自定义创建的网络字体。惊讶于一切都很简单。在所有浏览器上本地测试。效果很好(甚至到IE7和Firefox 4)!再次从我的服务器测试,它在IE10中不起作用。

很确定我正在宣布字体正确:

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

如果你想看一下,这是测试网站http://www.corysgrilledcheese.com/store/的链接。

以下是我在本地加载页面时的截图http://www.corysgrilledcheese.com/store/fontsBroken.png的链接,然后使用相同的浏览器从服务器查看该页面。

我一直在网上搜索,但到目前为止还没有运气。对解决方案的任何建议都将非常感激。

1 个答案:

答案 0 :(得分:6)

Teemu找到了根本原因:在许多公司托管计算机上,下载字体已完全禁用。它位于Internet Explorer的设置中:安全设置 - Internet区域>下载>字体下载。选项包括“启用”,“已禁用”和“提示”。如果禁用,你什么也得不到。

这基本上意味着我不习惯使用IE 10的图标字体,可能还有9.虽然7和8没有问题。