Me di cuenta de que incluso con el mismo tamaño de fuente, no hay un ancho estándar. ¿Cómo puedo usarlos frente a una lista de elementos para que las palabras no aparezcan irregulares?
Captura de pantalla del problema:
Este es el código:
<ul id="myTab">
<li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li>
<li><a href="#video"><i class="icon-film"></i> Videos</a></li>
<li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li>
<li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li>
<li><a href="#history"><i class="icon-calendar empty"></i> History</a></li>
</ul>
fuente
Es simple y fácil de escalar glifo o cualquier ícono usando este CSS
fuente
Para la versión Fontawesome anterior a 4.X , use
fa-fw
class en la<i>
etiqueta. Ref: - https://fontawesome.com/how-to-use/on-the-web/styling/fixed-width-iconsfuente