Text Outline / Stroke

Hollow text with a colored stroke outline. Great for display headings and hero text. Adjust stroke width and color to taste.

.text-stroke {
  -webkit-text-stroke: 2px #8b5cf6;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 4rem;
}