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

标签 android html css fonts monospace

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

我已将字体设为 monospace,甚至尝试了 monospace,monospace CSS 设置。

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

预期输出(桌面浏览器): enter image description here

实际输出(安卓浏览器): enter image description here

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

有人能解决这个问题吗?

最佳答案

我遇到了完全相同的问题! Box drawing gliphs are missing在谷歌字体中。

Adobe 的 Source Code Pro有他们。 Mononoki也应该。

我怀疑 Android 等宽的其他问题可能是由于这个一般性问题造成的。

关于Android 等宽空格 ( ) 宽度与字符宽度不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42557853/

相关文章:

java - 找不到 tools.jar。请检查 C :\Program Files\Java\jre1. 8.0_151 是否包含有效的 JDK 安装

java - 从 fragment 中替换 fragment

python - 如何在 BeautifulSoup 中删除的标签周围添加空间

html - 更改鼠标悬停时出现的小弹出窗口的颜色 "title"

javascript - 如何为函数设置延迟?

android - 使用缩略图作为 picasso 的占位符

javascript - 快速资源,以了解有关所有JS高度的更多信息

javascript - 通过JS检查宽度元素

html - 在正方形布局 CSS 中居中放置 4 个 div

android - 为什么不在 Android 的改造中使用 POST 方法