我想创建一个包含多个图标的自定义font-awesome类,例如.2star类包含2个星号和3个空星号在一排中相邻排列。有没有办法用CSS实现这个效果,或者我必须使用纯HTML的解决方案并使用多个i类?
是的,您可以创建一个自定义的 Font Awesome 类,其中包含多个字符的内容,就像这样:
.class:after {
content: "\f005\f005\f005"; /* 3 Stars */
font-family: FontAwesome;
}
请注意,类似\f005
的值可以在FontAwesome样式表中找到,因此复制您喜欢的字体类型的Unicode,并在内容属性中使用它以及Font Awesome的字体系列。