This is a question that’s been bugging me for ages, and I just can’t find the answer. Often when browsing websites I see anti-aliasing placed on non-web fonts, and I really want to know how it’s done.
Here’s a couple of examples of it’s usage:
Fireball Design
Shopify Partners (Header text)
If anyone knows how this is done and could tell me, I would be very grateful, I’ve searched all over for a tutorial or even a couple of posts on how this is done, and failed to find anything aside from using Adobe Flash sIFR (which isn’t what I’m looking for, as these are all done without it).
Your “fantastic anti-aliasing” is merely a text-shadow! Looking at the source of the first page,
text-shadow: rgba(255, 254, 255, 0.24) 1px 1px 2px;.Also, in what way are those fonts not “webfonts”? And why does the distinction matter?