Smooth CSS Fonts

Question

How can I get smooth fonts? I do not want the edges to look all fuzzy.

Hacky solutions are not a problem :)

Answer 1

You can use some font replacement solution, such as Cufón for headings, but it is too inefficient to use in large blocks of text.

If you want to change the rendering of browser fonts, you are probably out of luck because they all have their own text rendering procedures (but look at the -webkit-font-smoothinglatest versions of Safari and Chrome).

Answer 2

, font-smooth CSS, , . , , , , , , , . , Windows ClearType, , .

, , Cufon TypeKit - .

Answer 3

CSS, , Firefox. -webkit-font-smoothing Safari Chrome, . , Internet Explorer, :

text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;

, :

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}