JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<script type="text/javascript" src="//use.typekit.net/yws7gru.js"></script> 
		<script type="text/javascript">try{Typekit.load();}catch(e){}</script> 
        

<h1>PORCHSIDE COFFEE IS MAKING COFFEE</h1> 
    <h2>The way it should be made for you.</h2>

CSS

h1 {
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	font-family: "futura-pt", sans-serif;
	color: #000000;
	text-transform: uppercase;
	font-style: bold;
	letter-spacing: 1px;
}

h2 {
	font-weight: 400;
	font-size: 25px;
	line-height: 50px;
	font-family: "garamond-premier-pro", serif;
	color: #000000;
	text-transform: none;
	font-style: italic;
}