Skip to content

Instantly share code, notes, and snippets.

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);

This comment has been minimized.

Copy link

fredsterss commented Jul 26, 2011



This comment has been minimized.

Copy link
Owner Author

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
You can’t perform that action at this time.