Android 等宽空格 ( ) 宽度与字符宽度不同

stk*_*lik 8 html css fonts android monospace

我正在开发一个小网络应用程序。我尝试使用 boxdrawing 字符以一种 ascii 艺术方式显示一些输出。但是,我注意到在 Android 上,空格 (  ) 与其他字符的宽度不同,导致输出丑陋。

我已经把字体作为monospace,甚至尝试了monospace,monospaceCSS 设置。

要了解我在说什么:
请在 Android 和桌面浏览器上打开https://tpgnow.herokuapp.com/CERN

预期输出(桌面浏览器): 在此处输入图片说明

实际输出(安卓浏览器): 在此处输入图片说明

我尝试过不同的浏览器、平台和设备。它似乎适用于 Win、Mac、Chrome 和 Firefox,也适用于 iOS,但不适用于 Android(Chrome 或 Firefox)。

有没有人有解决这个问题的方法?

Jac*_*opo 2

我遇到了完全相同的问题!Google 字体中缺少方框图字形。

Adobe 的Source Code Pro 中有它们。莫诺基也应该如此。

我怀疑 Android 等宽字体的其他问题可能是由于这个普遍问题造成的。