JSFiddle - React, Tailwind, and code Playground

HTML

<span class="one">Some Text</span><br />
<span class="two">Some Text</span><br />
<span class="three">Some Text</span><br />
<span class="noShadow">Some Text</span><br />

CSS

body {
    font-size: 42px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.one {
    -webkit-font-smoothing: none;
}
.two {
    -webkit-font-smoothing: antialiased;
}
.three {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: .20pt black;
}
.noShadow {
    text-shadow: none;
}