JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<canvas id="canvas" width="300" height="300" style="border:1px solid;"></canvas>

JavaScript

var c = new fabric.Canvas('canvas');
WebFont.load({
	google: {
		families: ['Fredoka One']
	},
	active: function() {
        var text = new fabric.IText('Hello world !', {
            fontFamily: 'Fredoka One',
            top: 100,
            left: 100,
            fontSize: 20
        });
	    c.add(text);
	},
});