固定宽度字体的网格背景文本在不同设备上看起来不同

Question

我想要实现的是网格背景长文本，其中每个字母都适合每个方块的中间（见下面的截图）。我使用带有网格背景的contenteditable div，我使用固定宽度字体：font-family: "Courier New", Courier, monospace。 方形大小，字母间距，字体大小，边距，填充都设置为固定的px，但由于某种原因，文本在不同的浏览器/操作系统上看起来不同。

例如在Linux on Firefox下，它看起来像这样：

在Chrome（Linux）上，字母不适合广场：

我还在运行Windows的平板电脑上的Chrome上试过它，它看起来和我的Firefox上的一样。所以它似乎不仅仅是浏览器之间，甚至是操作系统。

在所有浏览器/设备上实现相同外观的最佳方法是什么？