JSFiddle - React, Tailwind, and code Playground

by mstalfoort

HTML

<h1>Just some random test</h1>
<p>above heading has default Arial font except for the first-letter, which is "magically" transformed in Comic Sans</p>

CSS

@font-face {
    font-family: "Arial";
    font-style: oblique;
    src: local("Comic Sans MS");
}
body {
    font: 1em Arial, sans-serif;    
}
h1::first-letter {
    font-style: oblique;
    font-size: 200%;
}