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

Question

[Николай Угольников]

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

Comments

[Ankhena]

типа того

color: black;
      -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
      -webkit-text-fill-color: rgba(0, 0, 0, 0.3);

Answer 1

[Danny Arty]

Можно с помощью text-stroke, но он не поддерживается IE (вариант слева). Либо с помощью svg text (вариант справа)

Answer 2

[Weiss Luxford]

Это геморно, если ты про контур. Вот можешь посмотреть.
<div class="text">Обводка текста</div>

.text{font-size: 35px; text-shadow: red 1px 0px, red 1px 1px, red 0px 1px, red -1px 1px, red -1px 0px, red -1px -1px, red 0px -1px, red 1px -1px;}

Answer 3

[Vladislav]

Svg тоже не всегда отрабатывает в IE, поэтому если не отобразится все-же текст при реализации с svg, используй дополнительно полифил для svg: https://github.com/jonathantneal/svg4everybody