# 113: Creación y uso de una fuente de icono personalizada - Trucos CSS

Anonim

Como hemos dicho muchas veces por aquí: las fuentes de iconos son increíbles. Son eficientes de la misma manera que los sprites CSS son eficientes: muchas imágenes utilizables para diferentes áreas / propósitos en una sola descarga. Pero son incluso más impresionantes que los sprites porque son vectoriales y, por lo tanto, pueden escalar a cualquier tamaño, sombrearse, cambiar de color y más. También se ven fantásticos en pantallas Retina (o pantallas de cualquier tamaño y resolución, en realidad).

Para ser más eficiente con la fuente de su icono, solo debe cargar los caracteres que necesita cargar. Y para ser flexible, es bueno poder agregar a una sola fuente de icono desde múltiples conjuntos o desde cualquier vector / SVG en cualquier lugar. La aplicación IcoMoon te permite hacer todo esto desde su interfaz súper simple. Usted elige los iconos que desea, los asigna a los caracteres que desee y luego exporta las fuentes HTML / CSS / Web en un formato listo para usar.

Enlaces del video:

  • IcoMoon
  • Entypo
  • Por qué las fuentes de iconos son increíbles
  • Resumen de fuentes de iconos
  • StateFace
  • GeoBats
  • Argot