多重不同图标的 Font-awesome 类

Question

4

我想创建一个包含多个图标的自定义font-awesome类，例如.2star类包含2个星号和3个空星号在一排中相邻排列。有没有办法用CSS实现这个效果，或者我必须使用纯HTML的解决方案并使用多个i类？

- Czarnodziej

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mr. Alien · Accepted Answer

是的，您可以创建一个自定义的 Font Awesome 类，其中包含多个字符的内容，就像这样：

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

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