JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
</head>
<body>
<p>Some text for example 1234567890!!=)</p>
<p class="default">Some text for example 1234567890!!=)</p>
<p class="smallcaps">Some text for example 1234567890!!=)</p>
<span class="fractions">1/2 bla-bla 4/5</span>

</body>
</html>

CSS

body{
    font-family: Generic;
}
.default {
    font-variant: small-caps;
}

/* use small-caps */
.smallcaps {
    -moz-font-feature-settings: "smcp=1";
    -ms-font-feature-settings: "smcp" 1;
}
.fractions { -moz-font-feature-settings: "frac=1"; -ms-font-feature-settings: "frac" 1; }