如果从IE安全选项中禁用字体下载，则字体很糟糕，在IE 11中无效

Question

我使用了Font-awesome-min.css在IE 11和Chrome中运行良好。

但我的客户要求是使用font-awesome，即使我们禁用了IE Internet选项(Internet options -> Security -> Custome level -> Download -> Font download -> Disable)的字体下载。

任何建议？

Answer 1

Base 64编码完全不起作用。它在Chrome上工作正常，但在禁用字体下载的IE 11中，它不起作用。

这是有道理的，并不会让我感到惊讶。从安全角度来看，如果您不允许在系统上呈现第三方字体，那么为什么CSS中的嵌入字体会被视为不同？它仍然是从不受信任的来源下载的第三方字体。

许多解决方案：

• 请勿使用FA。
• 使用FA作为图像。
• 说服域管理员启用字体下载。
• 在本地安装字体（通过组策略）并使用url: local(myFont.woff)。
• 如果该站点是内部站点，请将其添加到“受信任的站点”区域，并确保“启用字体下载”。

Answer 2

困难的方法是切换到基于png的 https://github.com/encharm/Font-Awesome-SVG-PNG或者您可以将要使用的特定图标更改为png文件，并在.css文件中更改该图标的内容

Answer 3

这是可以修复的。您只需要 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文件，可以绕过浏览器中的所有字体下载拒绝设置。

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