CSS3 Technique for White-Outlined, Red Text
I'm not associated in any form with the following page:
However, as you can see on that page, they used images to show the white-outlined, shadowed, red text. Is there a way in CSS3 to implement this feature? I mean, I can handle the shadow and the red, but the white font outlining is not something I'm familiar with.
You are looking for text-stroke.
-webkit-text-stroke: 1px white;
It is only supported by the web-kit for now, you can see the compatibility list here http://caniuse.com/text-stroke
Here is an example from David: http://jsfiddle.net/davidThomas/h5J6K/2/
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here