Добавить обводку вокруг текста — снаружи — с помощью CSS? ⇐ CSS

[Anonymous]

У меня есть следующий HTML и CSS:

Код: Выделить всё

body { background-color: gray; }
h1 {
color: white;
font-size: 2.5em;
}

Код: Выделить всё

WHAT CARRER SHOULD YOU HAVE ?

Что отображается следующим образом:




Я хочу добавить обводку вокруг этого текста, то есть черную рамку вокруг этого текста.

Я погуглил, нашел -webkit-text-stroke и выдал следующее:

Код: Выделить всё

body { background-color: gray; }
h1 {
color: white;
font-size: 2.5em;
-webkit-text-stroke: 2px black;
}

Код: Выделить всё

WHAT CARRER SHOULD YOU HAVE ?

Однако эффект не тот, который мне нужен:< /p>




Как видите, кажется, что обводка добавлена внутри текста, из-за чего текст кажется мне слишком тонким.

Как сделать обводку за пределами текста?

Скрипт: http://jsfiddle.net/jpjbk1z7/

PS: необходима только поддержка веб-кита

Подробнее здесь: https://stackoverflow.com/questions/266 ... e-with-css