如何在 Android 浏览器中显示 HTML 等宽箭头？

Question

如何显示包含与其他字符宽度相同的箭头的等宽文本？

在AndroidChrome中，箭头莫名其妙地变宽了，如下截图所示，不管是什么字体。我希望箭头与其他字符的宽度相同。在桌面上，箭头字符的行为符合预期。

宽箭头使我的文本对齐方式看起来很难看。我试过不同的字体和不同的箭头但没有成功。我无法让 CSS 强制箭头宽度为 1em。（我不知道这个问题是 Android 特有的还是发生在其他手机上。）

代码：

<pre style="font-family: monospace">
IIIIIIII
MMMMMMMM
→→→→→→→→
</pre>

Answer 1

问题不是Android-specific引起的，是字体没有提供标记。（例如 ↑↓←→）

例如，您可以在 Google Fonts 处看到等宽字体只有 Nanum Gothic Coding 提供标记 ( ↑↓←→↖↗↙↘ )

Google Fonts search results 1

Google Fonts search results 2

Google Fonts search results 3

Google Fonts search results 4

How to display an HTML monospaced arrow in the Android browser?