IE和字体很棒

时间:2015-11-09 11:50:44

标签: internet-explorer font-awesome

我在我的网站上使用Font Awesome图标,这些图标在Chrome,Firefox,Edge等中都很好用但不显示在任何版本的IE中,甚至不显示在方框中。 我显然认为我的网站存在问题,直到我使用IE浏览到Font Awesome网站,并注意到没有显示图标。 F12控制台显示此错误消息 CSS3111:@ font-face遇到未知错误。

Chrome, Firefox screenshot

IE screenshot

我从中推断出IE中必须有一个本地设置我需要调整,截图正在关闭兼容性视图。 任何观点赞赏。

2 个答案:

答案 0 :(得分:3)

可能已经实现了可下载字体的禁用。 DISA STIG DTBI030-IE11。

Try this solution that uses base 64 and CSS强制翻译字体。

这是可以修复的。您只需要 Base64 字体并将其包含在CSS文件中。一旦包含对新FontAwesomeB64.css的调用,请确保删除对可下载的WOFF文件的调用

使用https://www.base64encode.org/对WOFF Font-Awesome字体文件进行编码。

编辑生成的文件并添加这些行。当你到达src:url行时,请确保在你收到的base64信息中运行(不要使用我在这里显示的大于和小于的符号。)在base64信息的末尾添加单引号,圆括号,分号和大括号完成:

@font-face { 
font-weight: 400;
font-style: normal;
font-family: 'FontAwesome';
src:url(data:application/x-font-woff;base64,<insert base64 code here>);}

您现在拥有Font-Awesome字体的base64 CSS文件,可以绕过浏览器中的所有字体下载拒绝设置。

我发现这适用于所有字体,下载稍微重一点但值得保证功能。

答案 1 :(得分:0)

相关问题