JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<html>
    
<body>
    
    <link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Loved+by+the+King|Love+Ya+Like+A+Sister|Shadows+Into+Light|Waiting+for+the+Sunrise|La+Belle+Aurore|Kristi|Annie+Use+Your+Telescope|The+Girl+Next+Door|Permanent+Marker|Give+You+Glory|Sue+Ellen+Francisco|Just+Me+Again+Down+Here|Coming+Soon|Unkempt|Kranky|Cabin+Sketch:700|Calligraffitti|Dawning+of+a+New+Day|Schoolbell|Rock+Salt|Swanky+and+Moo+Moo|Reenie+Beanie|Gloria+Hallelujah|Covered+By+Your+Grace|Miltonian|Zeyada' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Nova+Oval|Orbitron|Sniglet:800|VT323|Slackey|Smokum|Allan:700|Mountains+of+Christmas|Black+Ops+One|Walter+Turncoat|Ruslan+Display|UnifrakturMaguntia|Chewy|Irish+Grover|Sunshiney|Bangers|Luckiest+Guy|Monofett|Monoton|Short+Stack|Megrim' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Lobster+Two|Yellowtail|Aclonica|Philosopher|Over+the+Rainbow|Astloch|Meddon|Merienda+One|Rochester|Delius+Swash+Caps|Montez|Cedarville+Cursive|Amaranth|Redressed|Vibur|Fontdiner+Swanky|Tangerine|Calligraffitti|Dawning+of+a+New+Day|Homemade+Apple|Crafty+Girls|Pacifico|League+Script|Leckerli+One' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Forum|Bigshot+One|Holtwood+One+SC|IM+Fell+DW+Pica+SC|PT+Serif+Caption|Old+Standard+TT|Stardos+Stencil|Six+Caps|Josefin+Slab|Special+Elite|IM+Fell+English+SC|Buda:300|Ubuntu|Syncopate|Wire+One|Modern+Antiqua' rel='stylesheet' type='text/css' />
    
    <div id='content'></div>
</body>
</html>

JavaScript

var fontMap ={
"'Forum'" : "02",
"'Bigshot One'" : "03",
"'Holtwood One SC'" : "04",
"'IM Fell DW Pica SC'" : "05",
"'PT Serif Caption'" : "06",
"'Old Standard TT'" : "07",
"'Stardos Stencil'" : "08",
"'Six Caps'" : "09",
"'Josefin Slab'" : "0a",
"'Special Elite'" : "0b",
"'IM Fell English SC'" : "0c",
"'Buda'" : "0d",
"'Ubuntu'" : "0e",
"'Syncopate'" : "0f",
"'Wire One'" : "10",
"'Modern Antiqua'" : "11",
"'Nothing You Could Do'" : "14",
"'Loved by the King'" : "15",
"'Love Ya Like A Sister'" : "16",
"'Shadows Into Light'" : "17",
"'Waiting for the Sunrise'" : "18",
"'La Belle Aurore'" : "19",
"'Kristi'" : "1a",
"'Annie Use Your Telescope'" : "1b",
"'The Girl Next Door'" : "1c",
"'Permanent Marker'" : "1d",
"'Give You Glory'" : "1e",
"'Sue Ellen Francisco'" : "1f",
"'Just Me Again Down Here'" : "20",
"'Coming Soon'" : "21",
"'Unkempt'" : "22",
"'Kranky'" : "23",
"'Cabin Sketch'" : "24",
"'Calligraffitti'" : "25",
"'Dawning of a New Day'" : "26",
"'Schoolbell'" : "27",
"'Rock Salt'" : "28",
"'Swanky and Moo Moo'" : "29",
"'Reenie Beanie'" : "2a",
"'Gloria Hallelujah'" : "2b",
"'Covered By Your Grace'" : "2c",
"'Miltonian'" : "2d",
"'Zeyada'" : "2e",
"'Lobster Two'" : "31",
"'Yellowtail'" : "32",
"'Aclonica'" : "33",
"'Philosopher'" : "34",
"'Over the Rainbow'" : "35",
"'Astloch'" : "36",
"'Meddon'" : "37",
"'Merienda One'" : "38",
"'Rochester'" : "39",
"'Delius Swash Caps'" : "3a",
"'Montez'" : "3b",
"'Cedarville Cursive'" : "3c",
"'Amaranth'" : "3d",
"'Redressed'" : "3e",
"'Vibur'" : "3f",
"'Fontdiner Swanky'" : "40",
"'Tangerine'" : "41",
"'Calligraffitti'" : "42",
"'Dawning of a New Day'" : "43",
"'Homemade Apple'" : "44",
"'Crafty Girls'" : "45",
"'Pacifico'" : "46",
"'League Script'" : "47",
"'Leckerli One'" : "48",
"'Nova Oval'" : "4b",
"'Orbitron'" : "4c",
"'Sniglet'" : "4d",
"'VT323'" : "4e",
"'Slackey'" : "4f",
"'Smokum'" : "50",
"'Allan'" : "51",
"'Mountains of Christmas'" : "52",
"'Black Ops One'" : "53",
"'Walter Turncoat'" : "54",
"'Ruslan Display'"...