¿Por qué convertir SVG a TTF?
SVG almacena gráficos vectoriales 2D como rutas XML, mientras que TTF almacena contornos de glifos para renderizar caracteres o conjuntos de iconos mediante el renderizado de fuentes. Los desarrolladores dibujan cada icono como una ruta SVG y compilan el conjunto en un .ttf para que el CSS pueda direccionar cada glifo por código de carácter. Los diseñadores de tipos también crean SVGs de formas de letras y los empaquetan como una fuente TrueType distribuible, que ha sido un estándar multiplataforma desde principios de la década de 1990.
Cómo convertir SVG a TTF
FontCreator APP
Importe sus archivos SVG por glifo, asigne cada uno a una ranura de carácter y exporte la fuente terminada como .ttf.
Glyphs APP
Importe rutas SVG como contornos de glifos, configure las métricas de la fuente y expórtelas a .ttf.
FontForge OPEN-SOURCE
Importe cada archivo SVG como un contorno de glifo a través de «File > Import», establezca el ancho de avance y la línea base para cada ranura, luego use «File > Generate Fonts» y seleccione TrueType para exportar el .ttf.
Programas que convierten SVG
Acerca de estos formatos
Un archivo SVG es una imagen de gráficos vectoriales escalables (Scalable Vector Graphics), un estándar abierto del W3C que almacena gráficos 2D como texto XML, por lo que se escala a…
Abrir detalles de .SVG →Un archivo TTF es una TrueType Font: una tipografía vectorial escalable creada por Apple en 1991 y que ahora es compatible con todos los sistemas operativos principales. Para instalarlo,…
Abrir detalles de .TTF →Calidad y qué observar
- Una sola ilustración SVG no puede producir un
.ttfutilizable: cada glifo debe ser un archivo SVG independiente que contenga una sola ruta limpia. - Las funciones complejas de SVG como degradados, máscaras, filtros y mapas de bits incrustados no son compatibles con los contornos de las fuentes; solo se transfiere la geometría de la ruta.
- Cada glifo necesita un ancho de avance y una posición de línea base establecidos en el editor de fuentes, o los caracteres aparecerán desalineados en el texto renderizado.
Preguntas frecuentes
¿Puedo convertir un solo logotipo SVG en un archivo de fuente TTF?
¿Necesito un archivo de fuente SVG con elementos <font> o solo archivos SVG normales?
¿Funcionará el TTF resultante en Windows, macOS y Linux?
¿Cuál es la diferencia entre una fuente de iconos y una fuente de texto?
.ttf; una fuente de iconos asigna rutas SVG de iconos a puntos de código de caracteres, mientras que una fuente de texto asigna rutas de formas de letras; el flujo de trabajo en un editor de fuentes es idéntico.