JSFiddle - React, Tailwind, and code Playground

by infralabs

HTML

<div id="chars_table"></div>

CSS

body {
    font-family:'Trebuchet MS';
}
.char {
    font-family:'Trebuchet MS';
    font-size:11px;
    display:inline-block;
}

JavaScript

for (var i = 0; i <= 1299; i++) {
    $("#chars_table").append("<div class='char' id='c_" + i + "'>" + String.fromCharCode(i) + "</div>");
}
//
$("#chars_table").append("<br /><br />");
$("#chars_table").append("$trebuchet_ms_11px_widths=array(");
for (var i = 0; i <= 1299; i++) {
    if ($("#c_" + i).width()) {
        $("#chars_table").append(i + "=>" + $("#c_" + i).width() + ", ");
    }
}
$("#chars_table").append(");");
//
$("#chars_table").append("<br /><br />");
$("#chars_table").append("char" + "\t" + "-" + "\t" + "code" + "\t" + "-" + "\t" + "width");
for (var i = 0; i <= 1299; i++) {
    if ($("#c_" + i).width()) {
        $("#chars_table").append("<br />");
        $("#chars_table").append($("#c_" + i).html() + "\t" + "-" + "\t" + i + "\t" + "-" + "\t" + $("#c_" + i).width());
    }
}