Question

我遇到问题，即正确显示我的字体，但它们在Firefox，Safari，Opera和＆amp ;;铬。我使用网站font2web来创建不同的字体文件和css文件。我将fonts文件夹放在与我正在工作的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'; }

Answer 1

这是因为您无权使用这些字体。如果您在F12工具中检查控制台，则会显示错误：

@ font-face失败OpenType嵌入权限检查。许可必须可以安装。

我不确定您使用的字体是否未被许可用作网络字体，或者您使用的工具是否正确设置了标记。您可以从http://www.fonts.com/font/adobe/warnock/bold/web-font

获取Warnock Pro Bold的Web字体

IE @ font-face无效

1 个答案: