JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<script src="https://www.google.com/fonts/specimen/Montserrat"></script>
<h1 class="arial">My Beautiful Heading</h1>
<h1 class="georgia">My Beautiful Heading</h1>
<h1 class="montserrat">This is who we are</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque maiores id laboriosam, sunt consequuntur perspiciatis mollitia aliquid alias ea optio ipsum numquam possimus aperiam minima aspernatur inventore nihil, repellat est.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque maiores id laboriosam, sunt consequuntur perspiciatis mollitia aliquid alias ea optio ipsum numq
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque maiores id laboriosam, sunt consequuntur perspiciatis mollitia aliquid alias ea optio ipsum numq
<p class="garamond">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque maiores id laboriosam, sunt consequuntur perspiciatis mollitia aliquid alias ea optio ipsum numquam possimus aperiam minima aspernatur inventore nihil, repellat est.</p>
<p class="palatino">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque maiores id laboriosam, sunt consequuntur perspiciatis mollitia aliquid alias ea optio ipsum numquam possimus aperiam minima aspernatur inventore nihil, repellat est.</p>

CSS

body {
    font-family: Arial;
    font-size: 100%;
}
h1 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
}
.montserrat {
    font-family: "Montserrat";
}
.georgia {
    font-family: Georgia;
    text-decoration: italic;
}
.gill-sans {
    font-family: "Gill Sans MT", sans-serif;
}
.arial {
    font-family: Arial, sans-serif;
}

.garamond {
    font-family: Garamond, Arial, sans-serif;
}

.palatino {
    font-family: "Palatino Linotype", Arial, sans-serif;
}