<p>
<span>CSS Native</span>
Text Stroke
</p>
<code>
-webkit-text-stroke: 0.35vw #232323;
</code>
p{
color:#ffdd40; /* text color */
-webkit-text-stroke: 0.35vw #232323; /*stroke size and color */
font-size:15vw;
font-family: 'Crete Round', serif;
text-align:center;
margin:0;
}
span{
display:block;
font-size:6vw;
-webkit-text-stroke: 0.22vw #232323;
}
code{font-size:3vw;}
body{
display:flex;
flex-direction:column;
align-items: center;
justify-content: center;
height:100vh;
margin:0;
background:#ff3c41;
}
@import url('https://fonts.googleapis.com/css2?family=Crete+Round&display=swap');
This Pen doesn't use any external CSS resources.