Question

我正在使用Font Awesome Free 5.5.0，并像这样在CSS中定义图标。

commander

它工作正常，但仅包含几个图标。我需要使用带有代码“ f107”的this one。但是此代码无效。我甚至可以在项目的链接字体-awesom文件中找到此代码，其类名与文档中的类名相同，但是当我在CSS中使用它时，什么也没发生。

Answer 1

使用此CSS可以正常工作。我们必须设置字体粗细以定义实体图标。

.nav-side-menu li :not(collapsed) .arrow:before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
    font-weight: 900;
}

Answer 2

您不需要在CSS文件中专门定义图标。
如果您已经加载了font-awesome，它应该已经可用。
您尝试过<i class="fas fa-angle-down" />吗？

此处fiddle

演示

在CSS中定义的字体真棒图标

2 个答案: