Как сделать контур текста в CSS

Для создания контура текста в CSS можно использовать свойство text-stroke. Например:

h1 {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  -webkit-text-stroke: 2px #000;
  text-stroke: 2px #000;
}

Здесь мы задаем размер шрифта, жирность, цвет текста и ширину и цвет контура. Обратите внимание, что свойство text-stroke не поддерживается во всех браузерах, поэтому для лучшей совместимости можно использовать вендорные префиксы, например -webkit-text-stroke.