JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<p id="first">Arial</p>
<p id="second">sans-serif</p>
<p id="third">Helvetica</p>
<p id="serif">Serif</p>
<p id="mono">Monospace</p>

CSS

#first {font-family: Arial, sans-serif; color: blue;}
#second {font-family: sans-serif; color: green;}
#third {font-family: Helvetica, sans-serif; color: red;}
#serif {font-family: serif;}
#mono {font-family: monospace; color: purple;}