JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
 test heading
</h1>

CSS

@font-face {
  font-family: 'MyriadPro Regular';
  src: 
        url('https://belfx.com/static/fonts/century-gothic-bold.ttf') format('truetype'), /* Opera, Safari */

}
h1{
  font-family: 'MyriaedPro Regular', sans-serif;  
}