我在我的网站上使用Font Awesome图标,这些图标在Chrome,Firefox,Edge等中都很好用但不显示在任何版本的IE中,甚至不显示在方框中。 我显然认为我的网站存在问题,直到我使用IE浏览到Font Awesome网站,并注意到没有显示图标。 F12控制台显示此错误消息 CSS3111:@ font-face遇到未知错误。
我从中推断出IE中必须有一个本地设置我需要调整,截图正在关闭兼容性视图。 任何观点赞赏。
答案 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)