Add fallback font when exporting text to SVG
When exporting text to SVG, a generic fallback font should be specified after the original font, e.g. sans-serif
for Helvetica Neue
.
Idea posted initially here:
https://adobexd.uservoice.com/forums/353010-adobe-xd-bugs/suggestions/14534772-exported-svgs-lack-default-fallback-sans-serif-f
-
Ryan Lewis commented
or can these fonts not be outlined on export so we dont have to worry about fonts falling out?
-
Brett White commented
When exporting an SVG with embedded text, with a font such as 'Helvetica Neue' it does not provide a default 'sans-serif' fallback, so if the SVG is viewed on a Windows device or system without that font installed, the font loads as the default serif font ie.TImes New Roman.
I've attached screenshots of the broken rendering with the serif font (serif.png), versus the fixed screenshot (sans-serif.png) whereby I edited the SVG code (code.png) and added ", sans-serif" after the helvetica-neue font.