You can clone with
margin: 200px auto;
text-shadow: 0 1px 2px rgba(0,0,0,.15),
0 -1px 1px rgba(0,0,0,.1),
0 1px 20px #F9F9F9;
<h1>Outlined Type + CSS</h1>
Outlined type + text-shadowing = Magic
Step 1: @font-face a beautiful outlined type like Frontage:
Step 2: Add text-shadowing:
Step 3: Experience the magic.
Another really cool effect.. probably won't Compass this one tonight since I'm about to get to bed, but I might play around with it a bit tomorrow.
I broke my eyes trying to read this... but I learned something too!
Smart. Renders nicer than -webkit-text-stroke, too (and, y'know, there are other browsers.) Woop!
@shpoonj My eyes aren't that bad yet.. lol.. but I usually learn something new from these too, especially trying to make mixins out of them (forces me to spend a little time analyzing what each line does).
Compass version here, took me a while to find the font
Red on red: https://gist.github.com/2832074