Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Fix bad font anti-aliasing
.background {
background: rgb(247,247,247);
}
.fixText {
text-shadow: 0 0 1px rgba(247,247,247,.5);
}
@fredsterss

This comment has been minimized.

Show comment
Hide comment

Boom!

@barneycarroll

This comment has been minimized.

Show comment
Hide comment
@barneycarroll

barneycarroll Jan 18, 2012

NB: This no longer works in any browser.
Keeping here for posterity. This hack relied on the fact that some browsers used to deal with text-shadow on a font glyph sub-pixel level. This had a fair bit of instability — Chrome would sometimes fail to render glyphs at all when text-shadow was invoked — and I presume that as a result browsers no longer take it upon themselves to offer their own text rendering and leave it to OS GUI level processes.

Owner

barneycarroll commented Jan 18, 2012

NB: This no longer works in any browser.
Keeping here for posterity. This hack relied on the fact that some browsers used to deal with text-shadow on a font glyph sub-pixel level. This had a fair bit of instability — Chrome would sometimes fail to render glyphs at all when text-shadow was invoked — and I presume that as a result browsers no longer take it upon themselves to offer their own text rendering and leave it to OS GUI level processes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment