JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<h2>Example Header</h2>

<p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur debitis, minus illo ab inventore quae sed rem facere non quod fuga, impedit enim quibusdam, eveniet atque hic ratione dolorem iste!
</p>

<p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus libero expedita temporibus maxime saepe cupiditate eligendi facilis nisi placeat rem. Magni, eos voluptate unde aperiam harum praesentium enim blanditiis, pariatur.
</p>

CSS

:root {
  --cursive: 'Comic Sans MS', cursive;
  --sans: 'Arial', sans;
}

h1, h2, h3 {
  font-family: var(--cursive);
}

p {
  font-family: var(--sans);
}