Fuentes en ficheros SVG usados en etiquetas IMG

Cuando en un fichero SVG queremos utilizar una fuente podemos incluirla así:

<defs>
<style>
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,600");
</style>
</defs>

El problema es que si este fichero SVG lo usamos en una página como fuente de una etiqueta IMG el navegador por seguridad no cargará el fichero externo y la fuente no se verá.

La solución es usar Nano para incrustar la fuente en el fichero SVG y que así el navegador pueda usarla sin tener que descargarla.

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

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