Pure CSS text gradient (no PNGs)

Folks, grab a copy of Safari 4. This is what we’ll be making today:

That’s not an image, it’s HTML text with real fonts provided by Typekit and embedded via CSS @font-face. You can see the actual thing here: Nice Web Type likes Bello and Proxima Nova.

Underware’s Bello Pro sure makes this example look great, but until Typekit is out of technology preview you’ll have to try this technique with a different typeface. (If you do, comment here and link it up!)

Follow along or skip to the final result.

Check out original source

Comments are closed.