How can I get smooth fonts? I don't want the edges to look all fuzzy.
Hacky solutions are not a problem :)
+2
A:
You could use some font replacement solution like Cufón for headers, but it's too inefficient to use for large blocks of text.
If you're looking to change the browser's font rendering, you probably won't have much luck because they all have their own text rendering routines (but look at -webkit-font-smoothing for recent versions of Safari and Chrome).
Ben Alpert
2010-06-20 02:56:18
Well it would probably only be needed for things with a large font size so big blocks of text wont be a problem. Why is Cufon so in efficient?
Ben Shelock
2010-06-20 02:59:36
It's not particularly inefficient, it's just that using a browser's native text rendering routines will always be faster than using a custom JavaScript library that uses Canvas or SVG to display text.
Ben Alpert
2010-06-20 03:02:54
+1
A:
As was mentioned, there is a CSS property for font-smooth - but I am not sure how widely this is supported. This is most likely a property that you will have to adjust in your OS, or the font itself, which means of course, that would only be local. I know that Windows has a feature called ClearType which allows you to adjust the anti-aliasing to work well with your monitor.
As Ben Alpert mentioned, a font-replacement solution such as Cufon, TypeKit, or FLIR are other potential solutions for title text.
Jeff Fohl
2010-06-20 03:05:48