图标显示为正方形而不是图标图像答案

【问题标题】：Icons are showing as a square instead of Icon images图标显示为正方形而不是图标图像
【发布时间】：2020-01-10 13:50:16
【问题描述】：

我发现与此线程中提到的相同问题：Font awesome is not showing icon

图标图像有时会像这样显示。

当我使用这个链接时：

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

虽然我使用的是较新版本的 Font Awesome 4.7，但它与上面的链接配合得很好，它应该可以工作，因为它是上面链接中的更新版本。另外，当我下载相同的版本并上传到我的服务器时，它不起作用，但是当我使用链接时，它就起作用了。此外，这个问题出现在同一个页面上（大部分时间它可以工作，但有时所有图标都是这样的），否则一切正常，图标显示正常

有没有办法调试这个问题？我替换了 css 文件，上传了较新的版本，但找不到任何解决方案，为什么有时所有图标都会消失并用这张图片替换它

【问题讨论】：

确保图标使用正确的font-family。最新的 Font-Awesome 使用 font-family: Font Awesome 5 "something"，而 Font Awesome 4.7.0 使用 font-family: FontAwesome。

标签： css font-awesome

【解决方案1】：

这是因为您没有使用与您的 CDN 匹配的代码版本。请确保图标与您正在导入的 CDN 版本匹配。 Here你可以看到4.20版本的fontawesome

【讨论】：

.fa { font: normal normal normal 14px/1 FontAwesome;这有时会被禁用，我不知道这是怎么发生的，但是当它被禁用时，所有图标都无法正确显示。