Los archivos SVG se representan de manera diferente en los navegadores - tipografía

Tengo un problema con los fondos svg que se muestran de manera diferente en los navegadores. En Chrome, las letras están correctamente en negrita y dos palabras en negrita. Ese no es el caso en Firefox. ¿Cómo soluciono esto para que se vea como en Chrome en todos los navegadores?

Además, parecen pesados ​​en FPS a pesar de que los archivos tienen menos de 1kb. ¿Por qué es esto?

sitio: http://www.teamgenerous.com

Navegadores: versiones más recientes

representación diferente de Chrome y Firefox

Gracias

¿No quieres convertir el texto en contornos antes de guardar?
He jugado con Adobe CEF/SVG con y sin subconjunto... sin resultados en Firefox. Solo funciona el esquema.
@Vnovak podría, pero luego perdería el beneficio de tener texto en el SVG desde el punto de vista de accesibilidad/SEO.
parece que la fuente debe estar alojada en el mismo host que la página... y parece más la incrustación de la fuente en el sitio web. No estoy seguro, pero puede generar problemas de derechos de autor y requerirá una licencia por separado (similar al uso de fuentes web). Si es así, es más sencillo ejecutar la fuente como fuente web en lugar de SVG. puede estar equivocado ;)
Solo para tu información: se ve aún más roto en mi Linux FF 30.0 imgur.com/qolLXDd

Respuestas (2)

En realidad, este es un error conocido de "no corrección" con Firefox que no es totalmente compatible con las fuentes SVG. Una vez que WOFF2 sea totalmente compatible, Firefox renderizará los contornos de fuentes SVG incrustados en una fuente WOFF 2 con sabor a OpenType. Al menos esa es la idea. Obtenga más información aquí: https://bugzilla.mozilla.org/show_bug.cgi?id=119490

debido a que cada navegador tiene una fuente predeterminada, para renderizarla, debe usar css normalize like it library , o deshabilitar la fuente predeterminada con javascript y css