Visor de Iconfont
Vista previa rápida de los iconos y códigos contenidos en el archivo de fuente.
Naming Table - name
Font Header Table - head
Horizontal Header table - hhea
Maximum Profile table - maxp
OS/2 and Windows Metrics table - OS/2
PostScript table - post
Character To Glyph Index Mapping Table - cmap
Font Variations table - fvar
Metadata table - meta
Control Value Table - cvt
CVT Program - prep
Font program - fpgm
Glyph Substitution Table - GSUB
Kerning - kern
Cómo usarlo
1. Sube un archivo de fuente (ttf, woff, otf).
2. Haz clic en la barra de navegación de índice para ver los iconos en el rango.
3. Haz clic en un icono para ver información detallada sobre el icono, incluyendo unicode, posición de índice, tamaño, ruta y trazo, etc.
4. El área de "Información de fuente" muestra el autor, el editor, la licencia, los metadatos, la versión, etc.
Acerca del visor de Iconfont
Cuando modificas el proyecto de otra persona, a menudo tienes que buscar referencias a iconos en css y no puedes ver visualmente todos los iconos.
El visor de Iconfont es una buena solución a este problema, sólo tienes que subir el archivo de icono para previsualizar todos los iconos y el código.
¿Qué es Iconfont?
Iconfont es un enfoque de fuente para la creación de iconos, que no sólo mejora el rendimiento web, sino que también funciona en las plataformas de aplicaciones iOS y Android. Hoy en día, el diseño plano está arrasando en Internet y se está volviendo cada vez más popular. El principio de Iconfont es hacer muchos iconos en bibliotecas de fuentes y mostrar los iconos a través del estilo o conjunto de caracteres de la fuente.
Ventajas y desventajas de Iconfont
Ventajas:
Todos los iconos están en un solo archivo para una fácil gestión.
Reduce el número de solicitudes y combina múltiples iconos en un archivo de fuente para mejorar el rendimiento de la página web.
Cambiar libremente el tamaño y el color, ya que las fuentes se pueden estilizar para establecer el tamaño y el color.
La ilustración vectorial no se distorsiona.
Adecuado para múltiples plataformas (navegador, aplicación iOS, aplicación Android).
Desventajas:
Sólo monocromo.
No es conveniente modificar, añadir un icono requiere modificar todo el archivo de fuente.
El tamaño y la alineación de la línea base no se controlan bien.
El tamaño del archivo excede el límite.
No puedes subir más archivos.