1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

Discussion in 'Styling and Customization Questions' started by Stuart Wright, Apr 6, 2015.

  1. Stuart Wright

    Stuart Wright Well-Known Member

    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).

  2. Stuart Wright

    Stuart Wright Well-Known Member

    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.
  3. cclaerhout

    cclaerhout Well-Known Member

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

    Stuart Wright Well-Known Member

    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

Share This Page