JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<h1>Here is a header with a beautiful font family in a minute!!!</h1>

CSS

@font-face {
  font-family: 'Oleo Script Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Oleo Script Swash Caps'), local('OleoScriptSwashCaps-Regular'),         url(http://themes.googleusercontent.com/static/fonts/oleoscriptswashcaps/v1/vdWhGqsBUAP-FF3NOYTe4k1gocJqSnlIwnLPhn4iekk.woff) format('woff');
}

h1{
    font-size: 3em;
    font-family: 'Oleo Script Swash Caps', cursive;
}