font awesome - solid - ¿Cómo puedo reducir el tamaño de un icono de fuente impresionante?

font awesome ttf

Question

¿Cuál es la mejor manera de reducir el tamaño de un icono impresionante de fuente? Hay un fa-3x, etc ... para aumentar el tamaño. ¿Hay una clase para disminuir el tamaño?

Answer 1

Font-Awesome icono de modificación de tamaño:

1. Propiedad "font-size" en el atributo "style":

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

2. Propiedad "tamaño de fuente" en la hoja de estilo CSS (como muestra la respuesta aceptada)

   .fa {
   font-size: 12px;
   }

3. Etiquetas HTML

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

Answer 2

Hay dos clases de Font Awesome para usar si necesitas algo simple: fa-xs y fa-sm .

Los equivalentes de tamaño son:

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

Iconos de tamaño | Fuente impresionante (más información aquí)

Answer 3

Los iconos de fuente impresionante, como su nombre indica, están basados ​​en la fuente. Esto significa que para reducir su tamaño, todo lo que tiene que hacer es disminuir su font-size:

.fa {
font-size: 12px;
}