Как выстроить английские и китайские символы моноширинного шрифта для CSS?

Question

У меня есть веб-приложение с textarea, содержащее текст на английском и китайском языках.Проблема в том, что я не могу идеально выровнять буквы и символы со стандартными моноширинными шрифтами (Courier New или Lucida Console): кажется, что китайский текст имеет ширину почти вдвое большую, чем английский текст, но это не 2х, а около 1,8х, по крайней мере, в ОС Windows, которая в моем случае выглядит некрасиво, особенно если текст длинный.

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

Есть ли простой способ заставить китайские иероглифы выглядеть точно в 2 раза шире, чем английские буквы с помощью CSS?

Answer 1

В вашем случае шрифт monospace не поддерживает китайские иероглифы, поэтому используется (нежелательный) запасной китайский шрифт, который не «взаимодействует» с вашими английскими буквами шрифтом monospace.

Кроме того, вы не можете изменить ширину глифа шрифта на любую желаемую ширину с помощью CSS, хотя font-stretch существует.Настройка размера или ширины работает, но она влияет на китайский и английский текст, а ширина зависит от ширины пробелов.

К сожалению, существует простой способ нет .Лучше всего использовать такой шрифт, чтобы он был моноширинным и поддерживал китайские иероглифы, а китайские иероглифы в два раза шире английских букв.