CSS text-border?

Question

Possible Duplicate:
CSS Font Border?

Is it possible to set a 'text-border' with CSS?

Best would be to have multiple borders? something like on the image

enter image description here

I would look into fonts like http://www.google.com/webfonts – Joe Jan 27 '13 at 22:43 — Joe, Jan 27 '13 at 22:43

score 21 · Answer 1 · answered Jan 27 '13 at 22:41

21

Well you could try a font shadow. Something with multiple borders might have to be done with an image though.

           text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

answered Jan 27 '13 at 22:41

AgnosticDev

this will not do the efect from the image. I want to make a consistent line around the letter, but with a little spacing from the letter – Tomas Jancik Jan 28 '13 at 09:43
2

I luv you @AgnosticDev. You really saved a lot of my time – h2O Oct 08 '13 at 09:53
Glad I could help out @Ben Lind – AgnosticDev Oct 08 '13 at 12:39

score 3 · Answer 2 · answered Jan 27 '13 at 22:44

3

I think you may want to take a look at CSS text-shadow

You cannot achieve multiple borders but you can do some amazing things with it:

(i love that neon effect :)

answered Jan 27 '13 at 22:44

Andrea Ligios

1

Cool stuff, thanks for the link! The "anaglyphic" effect is my favorite. – Ian Campbell Dec 23 '13 at 05:49

score -1 · Answer 3 · edited May 23 '17 at 12:16

-1

You could simulate stroked text as in this previous answer:-

edited May 23 '17 at 12:16

Community

answered Jan 27 '13 at 22:46

Mat Richardson

3 Answers3