重复的字体真棒图标

Question

如果我们使用字体awesome / css：bfore：在伪选择器的内容代码多次之后怎么办？实施例

#div:before {
 font-family: 'FontAwesome';
content:"\f0c9 \f0c9 \f0c9 \f0c9"; /*SEE I USED "\f0c9" more than one time */
} 

直播示例： http://jsfiddle.net/1ep1vnL4/

如果我在生产中使用它，这是一个好习惯吗？ 因为我想使用一个图标3次所以我懒得放3个新的div并再次重复一切。

Answer 1

使用———而不是<div>&mdash;</div><div>&mdash;</div><div>&mdash;</div>是不是很糟糕？

Font Awesome只是一种字体......它与使用任何其他字体中的任何字符相同。在:before伪元素中使用3或4个字符与在<p>标记内使用3或4个字符没有太大区别。

如果要为每个字符使用不同的元素（div，span，p），会有更多的开销。