字體真棒圖標重復

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），則會產生更多開銷。