字体真棒没有出现在浏览器中

Posted 2023-03-15

【中文标题】字体真棒没有出现在浏览器中

【英文标题】：Font Awesome not appearing in the browser

【发布时间】：2016-08-17 04:07:17

【问题描述】：

我正在为我的项目开发一个网站。我正在为字形图标使用 Bootstrap 和 Font Awesome，但我遇到了一个问题。当我使用 Font Awesome 图标时，一些图标不会显示在浏览器中，但会显示一些图标。例如。 "fa fa-user" 没有出现。它像一个小盒子一样出现。但是显示了一些图标，我在网页中链接了font-awesome-min.css。

参考下图：

【问题讨论】：

右键 -> 检查元素 -> 转到 "::before" -> 查看 "content" 规则，然后告诉我写的是什么。

【参考方案1】：

我最常遇到的问题是*.woff2 文件被服务器阻止了。我怀疑这里也是这种情况。看看是否可以在浏览器中打开<font-awesome>/fonts/fontawesome-webfont.woff2 文件。如果不是，则需要更改 Web 服务器的配置。

编辑：我找到了一个相关的帖子，见这里：Proper MIME type for .woff2 fonts，第二个答案显示了如何配置 IIS。

【讨论】：

很抱歉给这个电话打电话，但我真的不明白 *.woff2 的事情。你能详细说明吗？？

你完成第一步了吗？你包括了css，对吧？所以使用这个 URL，但是你写 .../fonts/fontawesome-webfont.woff2 而不是 .../css/font-awesome.min.css，你能在浏览器中打开/下载这个文件还是你得到一个错误（只需将 URL 粘贴到地址栏中并按 Enter）？如果你得到一个错误，那么这是正确的答案，否则问题出在其他地方。

这是服务器配置中的一些设置，例如扩展 > woff2 > “作为文件”...或者您需要编辑一些配置文件...取决于您的环境。

我能够打开/下载我粘贴在 URL 中的那个文件。