ゲームのデバッグ表示用にドットフォントが欲しい

次の画像のようなものをCSSだけで実現します。

コードはjsfiddleに置いておきました。
https://jsfiddle.net/lovalotta/gpy48vmr/

Firefoxはzoomを使えないため、transformでフォントサイズを変えてるんですが、いまいちうまいやり方が思いつきませんでした。

使い方

<span data-digit="5"></span>てすると5がでてきます。colorで文字色（デフォルト黄色）を、background-colorで背景色（デフォルト黒色）を変更できます。