JSFiddle - React, Tailwind, and code Playground
HTML
<metadata>
This is a custom SVG webfont generated by Font Squirrel.
Copyright : Typeface your company 2007 All Rights Reserved
Designer : Ed Merritt
Foundry : Ten by Twenty
Foundry URL : httpwwwtenbytwentycom
</metadata>
<defs>
<font id="Munro" horiz-adv-x="800" >
<font-face units-per-em="2048" ascent="1638" descent="-410" >
<missing-glyph horiz-adv-x="600" >
<glyph unicode=" " horiz-adv-x="600" >
<glyph unicode="	" horiz-adv-x="600" >
<glyph unicode=" " horiz-adv-x="600" >
<glyph unicode="!" horiz-adv-x="400" d="M1 0h200v200h-200v-200zM1 400h200v1001h-200v-1001z" >
<glyph unicode=""" d="M0 1200h200v400h-200v-400zM400 1200h200v400h-200v-400z" >
<glyph unicode="#" horiz-adv-x="1200" d="M-1 400h1000v200h-1000v-200zM-1 800h1000v200h-1000v-200zM199 200h200v1000h-200v-1000zM199 200h200v1000h-200v-1000zM599 200h200v1000h-200v-1000z" >
<glyph unicode="$" d="M0 0h400v200h200v400h-200v200h-200v400h400v200h-400v-200h-200v-400h200v-200h200v-400h-400v-200zM200 -1h200v-200h-200v200zM200 1400v200h200v-200h-200z" >
<glyph unicode="%" horiz-adv-x="1600" d="M0 0v200h200v200h200v200h200v200h200v200h200v200h200v200h200v-200h-200v-200h-200v-200h-200v-200h-200v-200h-200v-200h-200v-200h-200zM0 1000h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200zM200 1000v200h200v-200h-200zM800 200h200v-200h200v200h200 v200h-200v200h-200v-200h-200v-200zM1000 200v200h200v-200h-200z" >
<glyph unicode="&" horiz-adv-x="1400" d="M0 200h200v-200h600v200h200v-200h200v200h-200v400h200v200h-200v-200h-200v200h-200v200h200v200h-200v200h-200v-200h-200v-200h200v-200h-200v-200h-200v-400zM200 200v400h201v200h200v-200h199v-400h-600zM400 1000v200h200v-200h-200z" >
<glyph unicode="'" horiz-adv-x="400" d="M0 1200h200v400h-200v-400z" >
<glyph unicode="(" horiz-adv-x="600" d="M0 0h200v1400h-200v-1400zM200 -1v-200h200v200h-200zM200 1400h200v200h-200v-200z" >
<glyph unicode=")" horiz-adv-x="600" d="M0 -1v-200h200v200h-200zM0 1400h200v200h-200v-200zM200 0h200v1400h-200v-1400z" >
<glyph...