XF 1.4 Problem with SVG on Safari IOS. Rendering font rather than image

[Stuart Wright]

Hopefully someone can help with this problem. I've created an SVG from Adobe Illustrator. I like SVGs because they look great no matter how much you zoom in and they are supported on all the browsers that matter: http://caniuse.com/#search=svg
It's been created from fonts (Webdings and Stencil) and as such saves as just 1k in size. I've not outlined it as that ramps the size up to 18k.

It renders fine on all the browsers I've tried

except in Safari on iOS

Does anyone have any ideas on how to fix this on iOS without saving it as an outlined SVG?

If you want to see it in action then visit https://www.AVForums.com as a guest so you get the cookie message. (I've added a welcome message to the start of this phrase).

Thanks.

 

[Stuart Wright]

Ah I think this is because the way the SVG has been saved, the fonts used have to be installed on the device viewing it.

 

[cclaerhout]

Ah I think this is because the way the SVG has been saved, the fonts used have to be installed on the device viewing it.

Try to convert the text (formatting with your font) to some vectorial elements.

 

[Stuart Wright]

Try to convert the text (formatting with your font) to some vectorial elements.

That is the same as creating an outline. I created an outline for the 'forbidden' sign and included the glyph information for the text. Bumped the size up to 9k, but I think it's working better. Thank you