字体-显示为方框的很棒的图标
字体-显示为方框的很棒的图标
提问于 2017-10-15 02:26:00
为什么我的代码不显示图标？
<ul>
<li><a href="#" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
</ul>回答 5
Stack Overflow用户
回答已采纳
发布于 2019-03-17 19:08:57
也有同样的问题，其中一些图标显示为方框。
这只发生在我的web应用程序的本地引用字体awesome的情况下。
当我检查URL时，我发现还有一些web字体需要加载(不仅仅是css文件本身)：
然后用鼠标右键点击保存网页字体-打开新标签：
并将这些文件移动到您的web-fonts文件夹中。(在我的例子中，我必须覆盖现有的网页字体-这就是为什么它首先显示方形方框的原因)。
问题就解决了！
Stack Overflow用户
发布于 2018-08-30 13:31:08
在阅读了本页上的答案后，我根据其他建议链接到CDN，从而获得了我自己的代码。不过，我真正想要的是将Font Awesome文件夹添加到我的项目中，并链接到项目文件。当我研究到CDN的链接时，我注意到它使用了一个以css/all.css结尾的路径。我注意到我下载并解压缩的文件夹包括一个all.css文件和fontawesome.css文件，这似乎是-v 5.0的一个变化。我将我的链接从：
<link rel="stylesheet" href="/fonts/fontawesome-free-5.3.1-web/css/fontawesome.css"> 至：
<link rel="stylesheet" href="/fonts/fontawesome-free-5.3.1-web/css/all.css">它起作用了。
我也学到了艰难的方式，字体令人敬畏的链接必须放置在链接到项目的main.css文件的上方。
Stack Overflow用户
发布于 2019-10-03 11:11:17
对于Pro用户，请检查您是否有更新的CDN链接用于fontawesome，在撰写本文时，最新版本是5.11.2。从https://fontawesome.com/account/cdn更新cdn链接解决了我的问题。在这里发布一个带有虚拟完整性属性的示例，请勿使用此链接，您应该拥有自己的具有唯一subresource integrity的链接。
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.11.2/css/all.css" integrity="sha384-zrnmn8R8KkWl12rAZFt4yKjxplaDaT7/EUkKm7AovijfrQItFWR7O/JJn4DAa/gx" crossorigin="anonymous">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46747950
复制相关文章
相似问题
腾讯云开发者
