为什么我的 Font Awesome 5 图标显示为正方形，如何解决？

Font Awesome 5 的伪元素图标显示问题

尝试直接通过 Font Awesome 图标更改跨度的内容时CSS，您可能会遇到图标显示为正方形的问题。此问题是由于使用 Font Awesome 5 的新“JS SVG”版本而出现的。

要解决此问题，您必须将 font-weight: 900 添加到 CSS 中。这会将您的 CSS 更改为以下内容：

.myClass {
  font-size:45px;
}

.myClass::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f008";
  font-weight: 900;
}

您可能还需要更新 Font Awesome CSS 文件的 URL，以确保您使用的是最新版本。

注意：此解决方案仅适用于 Font Awesome 5 的“JS SVG”版本。如果您使用的是“CSS”版本，则不应遇到此问题问题。

以上是为什么我的 Font Awesome 5 图标显示为正方形，如何解决？的详细内容。更多信息请关注PHP中文网其他相关文章！