Добавить обводку вокруг текста — снаружи — с помощью 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>



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

Как сделать обводку вне текста?

Fiddle: http://jsfiddle.net/jpjbk1z7/
PS: нужна только поддержка вебкита

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