JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<canvas id=c width=500 height=500></canvas>

JavaScript

var ctx = document.getElementById('c').getContext('2d');
ctx.font = '36px Lobster, cursive';
ctx.fillStyle = 'black';
ctx.textBaseline = 'top';
ctx.fillText ('Using a web font', 10, 10);

ctx.font = '36px Some-Unloaded-Font, serif';
ctx.fillStyle = 'black';
ctx.textBaseline = 'top';
ctx.fillText ('Using an unloaded font', 10, 100);