web-dev-qa-db-fra.com

Comment puis-je réduire la taille d'une icône génial pour les polices?

Quelle est la meilleure façon de réduire la taille d'une icône géniale de police. Il y a un fa-3x, etc ... pour augmenter la taille. Existe-t-il une classe pour diminuer la taille?

font-awesomefont-awesome-4
30
Michael JDI

Les icônes Font-Awesome, comme leur nom l'indique, sont basées sur des polices. Cela signifie que pour diminuer leur taille, tout ce que vous avez à faire est de diminuer leur font-size:

.fa {
    font-size: 12px;
}
39
James Donnelly

Il existe deux classes Font Awesome à utiliser si vous avez besoin de quelque chose de simple: fa-xs et fa-sm.

Les équivalents de taille sont:

  • fa-xs: .75em
  • fa-sm: .875em

Sizing Icons | Font Awesome (plus d'informations ici)

20
Veronica B.

Modification de la taille de l'icône de police impressionnante:

  1. Propriété "font-size" dans l'attribut "style":

    <i class="fas fa-search" style="font-size: 25px;"></i>

  2. propriété "font-size" dans la feuille de style CSS (comme le montre la réponse acceptée)

    .fa {
    font-size: 12px;
}

  3. Balises HTML

    <small>
    <i class="fas fa-search"></i>
</small>
6
Ralf