为什么我的 Font Awesome 5 图标没有显示在 CSS 内容中？

修复 Font Awesome 5 CSS 内容显示

尝试在 CSS 内容中使用 Font Awesome 时，用户可能会遇到预期图标未出现的问题，相反，显示图标的代码。尽管遵循了在线指南，问题仍然存在。

要纠正此问题，请务必注意，只需要包含 Font Awesome 5 CSS 文件：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

此外，字体-必须更正系列和内容属性值。具体为：

1. font-family:将“FontAwesome”替换为“Font Awesome 5 Free”。
2. 内容：使用 'f35a ' 而不是'/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-size:40px;
}

<i class="fp-prev"></i>

通过这些调整，Font Awesome 符号将在 CSS 内容中正确显示。

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