: Outlined font much thinner when saved as SVG I have a logo which is using the font Lato Light. Before saving out, all fonts have been outlined. When I output the vector as an SVG (using

@XinRu324

I'll keep the answer I've accepted, but wanted to add a really good work around that's worked for me.

I applied a 0.3 stroke to the font. From there I created outlines (Type > Create Outlines). Before saving to SVG, I also outlined the stroke (Object > Path > Outline Stroke).

This little hack adds an extra weight to achieve the results I was looking for.

Hope this helps!

Vote Up Vote Down

@Cugini998

You can not. Each engine implements its own rendering. Thus each browser looks different. There is no way around this fact other than using a bitmap image.

Though in this case it seems that the svg may have transparency applied to it.

Note that purely technically the antialiasing Illustrator does is wrong. As it does not take the nonlinearity of he color space into account.

Vote Up Vote Down

@Hamaas979

These inconsistencies are common hence what I always do 2 things with the fonts that will become the part of my SVG.


Convert all the fonts to Outlines.
Expand all the Outlines for consistency.


Hope this helps. :)

Vote Up Vote Down