Question

http://i.imgur.com/Uk1dc.jpg

That's a little screencap of the headers on a site I am working on. I wanted to use a google web font (quicksand) and it looks great in firefox. However it looks skinny, jagged and worst of all isn't the same size even so it doesn't span the entire menu.

I've tried googling this and it seems this is currently not fixable from what I can tell. Is there any way to use one of these fonts without this problem? The only thing I can think of is using images instead of text but I don't really want to do that.

I think this problem only becomes really apparent with smaller font sizes. But I still think there is a difference in bigger sizes too just not as noticeable.

Was it helpful?

Solution

You can specify a text-shadow of the same color as the background:

text-shadow: 0 1px 1px white;
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top