Comment puis-je réduire la taille de la police-génial icône?

Quelle est la meilleure façon de réduire la taille d'une police génial icône. Il s'agit d'un fa-3x, etc... pour augmenter la taille. Est-il une classe diminution de la taille?

19
demandé sur Michael JDI 2015-08-13 18:14:42

3 réponses

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

.fa {
    font-size: 12px;
}
32
répondu James Donnelly 2015-08-13 15:19:17

il y a deux classes géniales de police à utiliser si vous avez besoin de quelque chose de simple: fa-xs et fa-sm.

La taille, les équivalents sont:

  • fa-xs:.75em
  • fa-sm:.875em
10
répondu Veronica B. 2018-06-17 02:28:49

Font-Awesome modification de la taille de l'icône:

  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 CSS stylesheet (comme la réponse acceptée montre)

    .fa {
        font-size: 12px;
    }
    
  3. balises HTML

    <small>
        <i class="fas fa-search"></i>
    </small>
    
4
répondu Ralf 2018-02-08 13:24:20