gpt4 book ai didi

html - 如何为 CSS 排列等宽字体的英文和中文字符?

转载 作者:行者123 更新时间:2023-11-28 00:46:15 24 4
gpt4 key购买 nike

我有一个网络应用程序,其 textarea 包含英文和中文文本。问题是,我无法用标准等宽字体(Courier New 或 Lucida Console)完美排列字母和字符:看起来中文文本的宽度几乎是英文文本的两倍,但不是 2x,而是大约 1.8 x,至少在 Windows 操作系统中,这在我的情况下看起来很难看,尤其是当文本很长时。

<textarea style="font-family:monospace;">      |
中文字|
123456|
Englis|</textarea>

有没有一种简单的方法可以使用 CSS 使汉字看起来比英文字母宽 2 倍?

最佳答案

您可以使用“细明体”(英文名称:MingLiU),它是微软Windows预装的,在繁体中文世界中广泛使用。

看wiki解释(只有中文):

https://zh.wikipedia.org/wiki/%E6%96%B0%E7%B4%B0%E6%98%8E%E9%AB%94?oldformat=true

enter image description here

<textarea style="font-family:MingLiU;">      |
中文字|
123456|
Englis|</textarea>

还有另一种中文等宽字体,如 Sarasa Gothic (更紗黑體)Noto Sans Mono CJK (思源黑体) 。这些都是开源的,可以免费用于任何目的。

<textarea style="font-family:Sarasa Mono TC;">      |
中文字|
123456|
Englis|</textarea>

<textarea style="font-family:Noto Sans Mono CJK TC;"> |
中文字|
123456|
Englis|</textarea>

关于html - 如何为 CSS 排列等宽字体的英文和中文字符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50421855/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com