Imagen SVG que tiene fuente no se embebe en el navegador

[ceaped]

Buenos días para todos
Pongo una imágen en mi html así:

Código HTML:

<img src="images/interactivo.svg" alt="mimagen">
 

El archivo "interactivo.svg" tiene una fuente que no se visualiza en el navegador.

En el .css la embebí así:

Código CSS:

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
 

Pero no me funciona

¿Cómo embebo la fuente?

Gracias por su ayuda

[Ito79]

Hola,
A mi me funciona bien con ese import en el CSS (tiene que estar en la primera línea), he probado incluso con la misma fuente que pones.

A lo mejor si adjuntas el .svg se puede ver por qué no te funciona a ti ...

Saludos
// Ito

[Ramz]

Hola, lo que yo suelo hacer cuando voy a guardar un diseño de Illustrator como svg es marcar la opción 'convert to outline'. De ese modo convierte en ese formato también los textos que tengas. Así no necesitas importar las fuentes y ahorras portabilidad y tiempo de carga.

[ceaped]

OK, gracias por su ayuda