Geek Answers Handbook

How is this fantastic smoothing of non-web fonts done?

This is a question that has been listening to me for ages, and I just can't find the answer. Often when browsing websites, I see that anti-aliasing is placed on non-web fonts, and I really want to know how to do this.

Here are a few usage examples:

Fireball design
Shopify Partners (title text)

If anyone knows how this is done and can tell me, I would be very grateful, I looked for everything for a tutorial or even a few posts on how this is done, and could not find anything other than using Adobe Flash sIFR (this is not what I'm looking for since all this is done without it).

+4
source share
2 answers

Your "fantastic smoothing" is just a text shadow! Considering the source of the first page, text-shadow: rgba(255, 254, 255, 0.24) 1px 1px 2px; .

Also, how are these fonts not “webfonts”? And why does it matter?

+3
source

There are many webfont solutions. Check out this comparison chart for an overview: http://socialcompare.com/en/comparison/comparison-of-web-fonts-solutions - you also have a short description of how each solution works.

The sites you mention are used with Typekit - you can find it at http://typekit.com/

0
source

More articles:


All Articles