JSFiddle - React, Tailwind, and code Playground

by Jagi

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, quam quis sint libero esse distinctio cumque similique provident dignissimos, delectus officia iusto at expedita. Minima quod unde voluptates, cupiditate rem.</div>
<img src="https://storage.googleapis.com/images-205919/Abode-1.png" alt="">

CSS

@font-face {
  font-family: 'Sevillana';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sevillana/v7/KFOlCnWFscmDt1Bfiy1fBBc4AMP6lQ.woff2) format('woff2');
}

@font-face {
  font-family: 'BrownPro';
  font-style: normal;
  font-weight: 400;
  src: url(https://storage.googleapis.com/images-205919/LovEvery-BrownPro-Regular.woff) format("woff");
}

div {
  /* font-family: "Sevillana"; */
  font-family: "BrownPro";
}