Answer by RilDev for Outline effect to text

Simple outline behind the letters.Works with any font. With any outline width.

<style>  text {    stroke-linejoin: round;    text-anchor: middle;    fill: black;    stroke: white;    stroke-width: 12px;    paint-order: stroke;  }</style><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">Text</text></svg>

Codepen: https://codepen.io/RilDev/pen/vYeOjgj?editors=1000