JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<div id="home" class="home">
	<div class="logo">Hello!</div>
</div>

CSS

body {
	margin: 0;
	padding: 0;
	background-color: #383838;
}
.home {
	margin-top: 25%;
	width: 100%;
	height: 100vh;
}
.logo {
	text-align: center;
	color: #e3e2d1;
	font-family: Cookie, sans-serif;
	font-size: 60px;	
	font-weight: 400;
}

JavaScript

WebFont.load({
      google: {
        families: ["Lato:100,300,400,700,900","Karla:regular","Cookie:regular"]
      }
    });