Fonts with different color outline, for web

Question

Is it possible to have transparent or non-transparent font with different color outline with just HTML5 and CCS3? How?

Ok. I just found few google webfonts. One is http://www.google.com/fonts/specimen/Londrina+Shadow. Still, can I do it with default fonts? — MeetM, Aug 05 '13 at 20:03
possible duplicate of [Outline effect to text](http://stackoverflow.com/questions/4919076/outline-effect-to-text) — SLaks, Aug 05 '13 at 20:06

score 2 · Accepted Answer · edited May 23 '17 at 12:05

2

You're looking for the text-stroke property, which does exactly that.
Beware that it's only supported by WebKit.

edited May 23 '17 at 12:05

Community

answered Aug 05 '13 at 20:05

SLaks

General_Twyckenham · Answer 2 · 2013-08-05T20:20:34.157

0

Using the text-shadow property it is possible:

EDIT: Now it's uniform. Play around with the values to achieve different results.

span {
    color:white;
  text-shadow: -1px 0 black, 0 1px black,
  1px 0 black, 0 -1px black;
}

edited Aug 05 '13 at 20:20

answered Aug 05 '13 at 20:07

2 Answers2