IE @font-face 不工作答案

【问题标题】：IE @font-face not workingIE @font-face 不工作
【发布时间】：2012-10-31 11:20:09
【问题描述】：

我在让 ie 正确显示我的字体时遇到问题，但它们在 Firefox、Safari、Opera 和 Chrome 上正确显示。我使用网站 font2web 来创建不同的字体文件和 css 文件。我将字体文件夹放在与我正在使用的 css 文件相同的目录中，并查看了我可以得到的与 @font-face 的 IE 问题相关的所有内容，但没有任何运气。

该网站是thex-terminator.com，我将在下面发布相关代码。任何指针将不胜感激！

/** Generated by FG **/

@font-face {
    font-family: 'Conv_WarnockPro-Bold';
    src: url('fonts/WarnockPro-Bold.eot');
    src: local('☺'), 
         url('fonts/WarnockPro-Bold.eot?#iefix') format('emdedded-opentype'),
         url('fonts/WarnockPro-Bold.ttf') format('truetype'), 
         url('fonts/WarnockPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 { font-family: 'Conv_WarnockPro-Bold'; }

【问题讨论】：

你从哪里得到的字体文件？使用自定义字体时，我的字体文件实际上已损坏，因此无法正确渲染。你的 CSS 看起来是正确的。我注意到您还有其他自定义字体 - 您是否对所有字体都有相同的问题，或者您只是对这个有问题？

标签： internet-explorer cross-browser font-face

【解决方案1】：

这是因为您没有使用字体的权限。如果您在 F12 工具中检查控制台，则会出现错误：

@font-face 未能通过 OpenType 嵌入权限检查。许可必须可安装。

我不确定您使用的字体是否未经许可用作网络字体，或者您使用的工具是否错误地设置了标志。您可以从 http://www.fonts.com/font/adobe/warnock/bold/web-font 获得 Warnock Pro Bold 的网络字体

【讨论】：