CSS 字体小贴士May 28, 2008

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

font-family: Simsun,sans-serif;

看起来的效果就是这样的

http://files.gracecode.com/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 字体控制(有待验证)

已有 8 条评论

  1. mac下显示宋体看起来超级无敌不舒服的。。。
    T_T
    谢谢~请不要让Safari显示宋体~

  2. 谢谢分享 需要

  3. @aoao 已经搞定 :^)

  4. 謝謝分享2~

    很喜歡你blog的補充資料這麼詳細,呵呵~~

  5. 感觉除了windows的宋体,其他平台下面的中文都很不顺眼。
    文泉驿的点阵宋体还不错,不过不是默认字体,这个也比较麻烦。

  6. Billgate Billgate

    非常不错的文章,谢谢作者。

  7. fetid fetid

    一直用
    font-family:arial, helvetica, sans-serif;
    font-family:"Courier New",Courier,monospace;

  8. 呵呵, 很帅的文章啊~~

Yahoo 统计