Table of contents
Logo of mustcode.xyz was made by me in Adobe Illustrator. I exported it in .svg format to benefit from :
- No resolution limitations, no quality loss ;
- SVG’s small file size ;
- page speed considerations ;
So what could possibly go wrong ?
Issue: SVG logo is rendered incorrectly

As i work mostly with Google Chrome i couldn’t spot the issue at first. But then when i checked my website via Tor Browser i noticed that my logo looks serifed, way different than it’s appearance in Chrome.

Solution: Create outlines, convert text to paths
Mustcode.xyz’s logo is pretty simple, it’s all just text typed from keyboard in combination with slash and brackets. So there are no paths yet.
Bellow is the way to solve it via Adobe Illustrator :



Don’t forget to Save the .ai project and to export your fixed svg logo.