SVG displays differently on desktop vs Android

Post about projects that use Inkscape for web design.
cacheit
Posts: 2
Joined: Wed Nov 11, 2015 8:56 am

SVG displays differently on desktop vs Android

Postby cacheit » Wed Nov 11, 2015 9:15 am

Hi,

I'm seeing a broken svg on Android (broken) vs desktop Linux (good). I tried to save as plain, compressed, and even optimized SVG. But that didn't help with the brokenness. I've attached two screen shots ("good" and "broken").

What am I doing wrong?

Thanks!

good.png
Good display of SVG on desktop
good.png (16.67 KiB) Viewed 4866 times

broken.jpg
Broken display of SVG on Android Chrome
broken.jpg (21.93 KiB) Viewed 4866 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: SVG displays differently on desktop vs Android

Postby Moini » Wed Nov 11, 2015 9:46 am

Looks like it's using a different font on Android, as the first font is not available on the system.
Convert stroke to path in Inkscape for the C, and it'll look the same everywhere.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

cacheit
Posts: 2
Joined: Wed Nov 11, 2015 8:56 am

Re: SVG displays differently on desktop vs Android

Postby cacheit » Wed Nov 11, 2015 10:40 am

Thanks for the explanation and the fix!

Best


Return to “Inkscape & the Web”