JSFiddle - React, Tailwind, and code Playground
HTML
<canvas id="myCanvas" width="50" height="10"></canvas>
CSS
body {
margin: 0px;
padding: 0px;
}
canvas{
width:100%;
}
JavaScript
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.font = 'System';
context.fillText('!@#$%^&*)_', 0, 8);