CSS 字体小贴士

作者：手气不错 发布时间：May 28, 2008 分类：CSS

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

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. aoao May 28th, 2008 at 07:53 pm #1
    aoao

    mac下显示宋体看起来超级无敌不舒服的。。。

    T_T

    谢谢~请不要让Safari显示宋体～

  2. ppeng May 28th, 2008 at 07:55 pm #2
    ppeng

    谢谢分享 需要

  3. 手气不错 May 28th, 2008 at 08:30 pm #3
    手气不错

    @aoao 已经搞定 :^)

  4. Wasabi May 28th, 2008 at 09:18 pm #4
    Wasabi

    謝謝分享2~



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

  5. biggates May 28th, 2008 at 09:19 pm #5
    biggates

    感觉除了windows的宋体，其他平台下面的中文都很不顺眼。

    文泉驿的点阵宋体还不错，不过不是默认字体，这个也比较麻烦。

  6. Billgate May 28th, 2008 at 10:34 pm #6
    Billgate

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

  7. fetid May 29th, 2008 at 12:05 am #7
    fetid

    一直用

    font-family:arial, helvetica, sans-serif;

    font-family:"Courier New",Courier,monospace;

  8. 锐风 June 1st, 2008 at 06:22 pm #8
    锐风

    呵呵, 很帅的文章啊~~

Yahoo 统计