¿Cuáles son las formas de mostrar solo un icono específico de mi imagen png predefinida mientras uso la fuente impresionante para otras fuentes?

Answer 1

Puede resolver este problema sin modificar mucho fontawesome. siempre que estés bien apoyando ie9 +

si todavía está usando fontawesome 3.2, puede agregar algo como esto a lo que sea que el archivo menos / css importe fontawesome.less:

  .icon-namespace-blah: antes de {
   contenido: " ";
   pantalla: bloque en línea;
   ancho: 16 / 14em;
   altura: 1em;  
   alineación de texto: derecha;
   acolchado derecho: 4 / 14em;
   imagen de fondo: url (foo.png);
   tamaño de fondo: contener;
   repetición de fondo: sin repetición;
 }

esto da como resultado que obtenga algo como el estilo incorporado .icon-fixed-width pero con su imagen foo.png siendo utilizada. lo importante es establecer tanto el ancho como la altura para que funcione la imagen de fondo.

seguramente querrá prefijar su nombre de clase de icono personalizado con una cadena de su elección porque es muy probable que su nombre de clase choque con fontawesome de lo contrario.

es posible que tenga un poco más de control si crea un glifo en blanco con las proporciones de su imagen estática, pero es casi seguro que “hará lo correcto” en la mayoría de los casos.