Fontawesome图标不通过CSS显示

Question

我创建的css类如下：

.multi-dot-dropdown.dropdown-toggle::after {
    border: none;
    font-family: "Font Awesome 5 Duotone";
    content: "\f141";
    vertical-align: 0;
}

为什么当我尝试在我的bootstrap下拉菜单中使用这个类时，它只显示：

​

而不是酷瑞特图标？

谢谢你的帮助

Answer 1

使用双色调图标时，除了the documentation中列出的其他步骤外，还需要font-weight:900

使用CSS伪元素呈现双色调图标的

遵循类似的设置，但需要使用::before和::after伪元素以及更多的样式设置。

为双色调图标定义通用CSS 有共享CSS属性，这是双色调风格的唯一属性，所有双色调图标都将需要。同样，最好先在你的CSS中把这个去掉，这样你的图标定义就会变得简单。

将样式添加到将包含伪元素的元素中，以支持将字体系列添加到Font Awese5 Duotone，将font- positioning.

• Set设置为900，并为pseudo-element.

• Set添加定位样式默认的不透明度级别和双调图标每层的颜色。

你也可以按照这里列出的例子操作(我不能在这里添加一个，因为它需要一个职业许可证)