css - 具有多个不同图标的超赞字体类

Question

我想创建带有多个图标的自定义 Font Awesome 类，即.2star 类由 2 颗星和 3 颗排成一行的空星组成，彼此相邻。有没有办法在 CSS 中做到这一点，或者我必须使用具有多个 i 类的纯 html 解决方案？

Answer 1

是的，你创建了一个自定义 Font Awesome 类，在这样的内容中有多个字符

.class:after {
   content: "\f005\f005\f005"; /* 3 Stars */
    font-family: FontAwesome;
}

Demo

请注意，\f005 等值可以在 FontAwesome 样式表中找到，因此请复制您喜欢的字体类型的 unicode，并在 Font Awesome 字体系列的内容属性中使用它。