Font-awesome class avec plusieurs icônes différentes

Question

Je veux créer une classe de fontes géniale avec plusieurs icônes, c'est-à-dire . Classe 2 étoiles composée de 2 étoiles et de 3 étoiles vides alignées les unes à côté des autres. Y at-il un moyen de le faire en CSS ou je dois utiliser une solution html seulement avec plusieurs i-classes?

Answer 1

Oui vous créez une police personnalisée classe impressionnante, avec de multiples personnages dans le contenu comme celui-ci

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

Demo

Notez que les valeurs telles que \f005 etc se trouvent dans FontAwesome feuille de style pour copier le unicode de le type de police que vous aimez et utilisez-le dans la propriété de contenu avec la famille de police Font Awesome.