今天收到份临时需求,就是将中文和英文控制在同一宽度以内(两个英文/数字的宽度为一个中文字符),我的解决方案是

font-family: Simsun,sans-serif;

看起来的效果就是这样的

https://friable.rocks/_/2008_05_28/1211940877.png

这里有点的担忧就是使用 Simsun 字体(也就是 Windows 下的「宋体」),在别的系统(比如 Mac 和 Unix 系列)是否能显示保持一致的效果。

有更好的解决办法的朋友,欢迎提出。另外,还有其他一些有用的资源,在这里列出下。

Windows 系统下默认的英文字体 Cheat Sheet (已打包,推荐下载)

有关 font-family 属性的介绍 ,比较基础

CSS Font Family 视频教程 (老外慢条斯理的声音让我受不了)

A List Apart 上的篇文章 ,同样不错

Safari 为何显示宋体的原因

Top 10 常用的英文 Blog 字体 (这个站点还有很多的 Top 系列,值得一看)

手机 Wap 下的 CSS 字体控制 (有待验证)