Forum Discussion
Svg files for SL360 on the roadmap?
One other question on the topic of SVGs if I may? When I export text from AI as an SVG, it doesn't play nice. See below - the graphic on the left is how it appears in AI before export. The graphic on the right is how it appears after export as an SVG - the text has changed font and bunched up in places. I am very aware that this is just a gap in my knowledge of AI, and not a bug, but I'd be really grateful for any help/guidance on how to stop this from happening.
Thank you!
Alex
- DiarmaidCollins2 years agoCommunity Member
The reason why it glitches has something to do with ... uh ... font coding or something. Some fonts work. Most don't. As your image illustrates, your nice sans-serif font (Myriad?) has been translated, or been interpreted/transmogrified, as a serif font (Times, probably). It's to do with the fact that the code of the font is being bundled into the code for the icons so when exported to SVG there is a ... glitch (I'm not completely au fait with the correct terminology (or actual process) here).
If you convert your text within Illustrator from editable text to outlines (SHIFT+CTRL+O), this will render your text elements as shapes. These will then display as intended once exported in the SVG.
Again, grouping your text shape object as a compound path will create a single shape element that can easily be copied and pasted into Storyline. But the benefit of grouping elements into distinct compound path entities is that it simplifies the vector mathematics that creates SVG files. Less individual objects = less code = smaller file size = fewer things to go awry.
Hope that helps. Apologies for the verbosity.
- AlexBradley-10f2 years agoCommunity Member
Thank you Diarmaid, your solution has fixed it! You have been very helpful!