Estoy tratando de ver si hay una forma rápida y sucia de exportar archivos de Adobe Illustrator como SVGS que usan los nombres de fuentes web en el sitio web de mi empresa en lugar de los nombres de fuentes del sistema en mi máquina. ¿Hay un script base que pueda hacer esto?
Gracias.
Como mencionó Cai, puede definir el css font-name
a lo que quiera.
font-family Especifica un nombre que se usará como el valor nominal de la fuente para las propiedades de la fuente. MDN - @fuente-cara
Si el diseño que está integrando hace referencia a una fuente llamada, MagicalFont
podría definirse como
@font-face {
font-family: MagicalFont;
src: url(MagicalFont.ttf);
}
Para actualizar esto para usar su nueva fuente de Illustrator, simplemente puede cambiar la referencia de ruta al archivo de fuente.
@font-face {
font-family: MagicalFont;
src: url('Magical Illustrator Font.ttf');
}
El CSS seguirá funcionando, cualquier cosa definida para usar font-family: MagicalFont
ahora se actualizará a la nueva fuente.
Puede editar los archivos SVG en un editor de texto después de exportarlos desde Illustrator.
Simplemente coloque el CSS tipográfico dentro del archivo SVG.
Todavía es CSS, pero no requerirá editar ningún archivo CSS existente.
Se puede encontrar más información en StackOverflow.com -> Fuente personalizada en svg
Caí
@font-face
puede darles el nombre que desee, por ejemplo, el nombre no tiene nada que ver con la fuente real en sí.Estadísticas de aprendizaje con el ejemplo