Comment icône de style de la couleur, la taille, et l'ombre de la Police Impressionnant Icônes

Question

Comment ai-je pu le style, la couleur, la taille et l'ombre des icônes de la Police est Génial Icônes?

La Police, par exemple Impressionnant du site montrent quelques icônes en blanc et quelques en rouge, mais ne montrent pas l' CSS pour la façon dont le style de cette façon ...

Answer 1

Étant donné qu'ils sont tout simplement les polices, alors vous devriez être en mesure de style comme des polices:

#elementID {
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

Answer 2

Vous pouvez aussi ajouter style inline:

<i class="icon-ok-sign" style="color:green"></i>

<i class="icon-warning-sign" style="color:red"></i>

Answer 3

Si vous êtes en utilisant Bootstrap dans le même temps, vous pouvez utiliser:

<i class="fa fa-check-circle-o fa-5x text-success" ></i>

Sinon:

<i class="fa fa-check-circle-o fa-5x" style="color:green"></i>

Answer 4

Ressemble à la FontAwesome couleur de l'icône répond à texte-info, le texte de l'erreur, etc.

<div style="font-size: 44px;">
   <i class="icon-umbrella icon-large text-error"></i>
</div>

Answer 5

espècesvotre.fichier css:

    *.icon-white {color: white}
    *.icon-silver {color: silver}

inyour.html fichier:

    <a><i class="icon-book icon-white"></i> Book</a>
    <a><i class="icon-ok-sign icon-silver"></i> OK</a>