为什么我的 Font Awesome 5 图标不显示？

为什么 Font Awesome 5 CSS 内容不显示？

当尝试使用 Font Awesome CSS 内容时，用户可能会遇到以下问题：出现图标代码而不是所需的图标。这可以通过解决 font-family 和 content 属性来解决。

字体系列修正

在提供的代码片段中，font-family 属性不正确设置为“FontAwesome”。 Font Awesome 5 Free 的正确字体系列是：

font-family: "Font Awesome 5 Free";

内容更正

内容属性缺少前导反斜杠 ''。而不是 /f35a，它应该是：

content: '\f35a';

这是应用了更正的更新代码：

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
}

通过进行这些更正，Font Awesome 图标现在应该正确显示.

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