如何解决闪烁的 Font Awesome 图标？

Question

如果我使用到处推荐的东西 -每次在“页面加载时”闪烁时都使用“ Font Awesome ”的CDN 附件。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />

Q 如何防止闪烁？

Answer 1

在我的解决方案中，我将字体资源下载到服务器

• http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.min.css - 保存在路径“css”中
• http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.eot - 保存在路径“fonts”中
• http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.ttf - 保存在路径“fonts”中
• http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.woff2 - 保存在路径“fonts”中
• http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.woff - 保存在路径“fonts”中
• http://fortawesome.github.io/Font-Awesome/assets/font-awesome/fonts/fontawesome-webfont.svg - 保存在路径“fonts”中

但即便如此，Chrome 和 Firefox 仍然发生了。

为此，有字体类型“woff2”。我添加新的网络服务器处理程序：

对于#iis添加

C:\Program Files\IIS Express\AppServer\applicationhost.config
<mimeMap fileExtension=".woff2" mimeType="font/woff2" />

并为#nginx添加（看看Mime如何输入WOFF字体？）

/etc/nginx/mime.types || or /usr/local/nginx/conf/mime.types
font/woff2 woff2;

Mozilla的哑剧类型。

现在字体图标的加载速度就像图像一样。

我希望这可以帮助别人。