JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="650" height="300"></canvas>

CSS

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto');

JavaScript

var canvas = new fabric.Canvas('canvas');

var text1 = new fabric.Text('some information displayed with a custom font family: Source Sans Pro', {
  fontSize: 20,
  fontFamily: 'Source Sans Pro',
  left: 10, top: 10
});

var text2 = new fabric.Text('some information displayed with a custom font family: Roboto', {
  fontSize: 20,
  fontFamily: 'Roboto',
  left: 10, top: 40
});

var text3 = new fabric.Text('some information displayed with the default font family', {
  fontSize: 20,
  left: 10, top: 70
});

canvas.add(text1);
canvas.add(text2);
canvas.add(text3);

canvas.renderAll();