html - 如何使双宽度字符恰好是单宽度字符的两倍？

Question

在终端中，许多支持双 Angular 字符的字体显示的宽度恰好是单 Angular 字符宽度的两倍。例如，这两行应该具有完全相同的宽度:

あああ
aaaaaa

然而，这在浏览器中并非如此，无论是 Chrome、Firefox 还是任何 GUI 浏览器。我尝试了一些等宽字体，但它们仍然不一定显示 あ 正好是 a 宽度的两倍。

我的问题是:我们可以使用 CSS 解决这个问题吗？或者没有 CSS 的任何帮助就可以满足这个条件的字体，或者这个问题根本无法解决？

Answer 1

你的问题是字体。大多数等宽字体不包含任何 CJK 字符。浏览器必须用另一种字体替换这些字符，并且该字体通常与等宽字体具有不同的规范。

如果您使用的是 Mac，Osaka-Mono 字体包含日文和等宽拉丁字符，下面的示例将以每个日文字符恰好有两个拉丁字符进行布局:

body { font-family: Osaka-Mono; }

abcdefghijklmn
<br>
いろはにほへと

在其他平台上……对不起，您只能靠自己了。 CJK 网络字体的标准化方式与拉丁网络字体不同。