JSFiddle - React, Tailwind, and code Playground

by zerolfc

HTML

<div>
       <p class="michroma">Michroma</p>
       <p class="main">Tahoma</p>
   </div>
   <div>
       <p class="michroma small">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.</p>

       <p class="michroma small">Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue
        es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan</p>
       <p class="main small">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.</p>

       <p class="main small">Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue
        es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan</p>
    </div>

CSS

@import url('https://fonts.googleapis.com/css?family=Michroma');

.michroma { 
  font-family: 'Michroma', sans-serif;
  font-size: 100px;
  background-color: aqua;
 }
 
 .main { 
   font-family: Tahoma;
   font-size: 100px;
   background-color: aqua;
 }
 
 .small { font-size: 16px; }