El blog de willicab

Añadir una imagen SVG con una fuente de texto personalizada a una página web

Llega un compañero al canal de PHP en Telegram preguntando la manera de mostrar una imagen en formato SVG usando fuentes de textos personalizadas, nunca había experimentado con se caso en específico así que me puse a buscar y conseguí ésta solución, básicamente hay que hacer lo siguiente:

  • Abrir el SVG con un editor de texto y agregar las fuentes que se usarán, ya sea de una fuente local o externa

  • Buscar el texto y en el estilo agregar la fuente que se quiere usar

  • Para que se puedan mostrar las fuentes agregadas se tiene que agregar usando la etiqueta <object>

Y listo, ya con esto se podrán ver las fuentes en cualquier imagen SVG.

Deja un comentario

This site uses Akismet to reduce spam. Learn how your comment data is processed.

A %d blogueros les gusta esto: