JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

OSAKA
<pre class="osaka">
あ|あ|あ|あ
う|う|う|う|う
12|34|56|78|91|0
abcABC
DEFdef
</pre>

MONOSPACE
<pre class="mono">
あ|あ|あ|あ
う|う|う|う|う
12|34|56|78|91|0
abcABC
DEFdef
</pre>

CSS

.osaka{
  font-family:'Osaka-mono',monospace;
  font-size:1em;
}
.mono{
  font-family:monospace;
  font-size:1em;
}