html - Real outline for text

Question

Is there any way to outline text in my website? I am working on a project and I want to have outlined text, but I just could not find a real solution, lot of people are saying that I should use text-shadow and some other people are saying that "SVG" is better.

Is there a real solution?

question from:https://stackoverflow.com/questions/65648008/real-outline-for-text

Answer 1

.stroke {
  -webkit-text-stroke: 2px limegreen;
  color: transparent;
}

.stroke-explicit {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: red;
  color: transparent;
}

h1 {
  font-size: 60px;
}

<h1 class="stroke">Shorthand</h1>
<h1 class="stroke-explicit">Both properties</h1>