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 de diminuer la taille?

OriginalL'auteur Michael JDI | 2015-08-13

  1. 32

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

    .fa {
    font-size: 12px;
}
    Pour ajouter à sa réponse, presque tout ce que vous pouvez faire pour une police de caractère que vous pouvez faire pour les icônes. La couleur, la taille, l'espacement ect. ect. tous se changer, comme si elle était de la police. Super simple!

    OriginalL'auteur James Donnelly

  2. 14

    Il y a deux Polices Génial classes à 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

    Le Dimensionnement Des Icônes | Font Awesome (plus d'informations ici)

    dans la v4 je ne:<i class="fa fa-clone" style="font-size: 12px;"></i>. en v5: fa-xs/fa-sm

    OriginalL'auteur Veronica B.

  3. 4

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

    1. "font-size" de la propriété dans l'attribut "style":

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

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

      .fa {
    font-size: 12px;
}

    3. Balises HTML

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

    OriginalL'auteur Ralf