css - 具有多个不同图标的字体真棒类

Question

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

Answer 1

是的，您创建了一个自定义字体真棒类，在这样的内容中有多个字符

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

演示

请注意，诸如\f005etc 之类的值可以在 FontAwesome 样式表中找到，因此复制您喜欢的字体类型的 unicode 并将其与 Font Awesome 字体系列一起用于 content 属性。