css 等宽字体有哪些

等宽字体（英文&数字&符号）

1. 问题来源

项目中有个textarea需要输入大量字符，效果如下图。其中每行都有换行符。且每行字符数相同。

<img alt=\"CSS 等宽字体有哪些\” alt=\”ad6107a6acf0305997aba30df8350a0.png\” src=\”https://www.freexyz.cn/d/file/20210105/183ad13f6ba75e8fe8c48b6cf53a7b4f.png\” title=\”1609815089126099.png\” />

其实每行字符数相同，显示不够友好，末尾没对齐， 想要如下效果，末尾对齐。

Answer： 使用等宽字体

2. 什么是等宽字体

等宽字体指的是在同样的font-sieze下每个字符占据的宽度一样。东方的方块字通常是等宽的，英文字符不一定，比如:

3. 等宽字体有哪些

等宽字体宽度较大，看起来更舒适。通常用来展示程序源码等。常用的等宽字体有

Menlo, Monaco, 'Courier New', monospace等。