这两天终于忍不住的去实验了一下,为什么网页的字体有时会显示成超级无敌难看的宋体呢?其实宋体不难看,难看的只是把它放在Leopard下,没有点阵的效果,12px的宋体真的让人受不了。
Safar for mac中文版显示网页字体为宋体的原因:“Serif”字族,当下面几种情况都出导致出现神奇的宋体(自己改过浏览器的默认字体的同学不算)

  • 样式没定义到font-family(浏览器默认是Times,属于Serif)
  • 定义的字体系统没有,而用Serif标明字族 -_-b
  • 第一个中文字体是宋体()-_-b

更神奇的地方是当定义到的英文字体不属于Serif的话,也会用华文细黑。
原因找出来了,解决的办法自己就有了,

  1. 写邮件跟XX网站的管理员教他们修改,见一次写一次,希望下次打开时可以不用看到宋体,这样可以造福苹果教徒。(怎听起来那样不靠谱呢!挖哈哈)
  2. 打开Safari偏好设置 » 外观 » 标准字体 重新选一个自己喜欢的。

顺便介绍一下网页上常见的字体族科:

  • Serif(如Times、Georgia、New Century Schoolbook等):不等宽,边角和笔画结尾处有衬线修饰;
  • Sans-serif(如Helvetica、Geneva、Verdana、 Arial、Univers等):不等宽,边角和笔画结尾没有修饰;
  • Monospace(如Courier、Courier New、Andale Mono等):等宽字体,可以有修饰也可以没有;
  • Cursive(如Zapf Chancery、Author、Comic Sans等):花体字;
  • Fantasy(如Western、Woodblock、Klingon等):其他类

共有 14 条评论

  1. 51css @

    你的站准备裸体到什么时候~~

  2. 童遥 @

    请问如何定义font-family才能造福mac?
    是否方便把您发给各问题站的邮件也发给我看看?我也来把手里的几个站改改

  3. 锐风 @

    裸奔大王啊…

    Safari里就用华文细黑是最好了..

  4. MacJi @

    快更新呀。。。

  5. aoao @

    @MacJi 更新什么呢?

  6. MacJi @

    更新你的日志,停产了么?

  7. aoao @

    @MacJi 没内容可以更新。

  8. 小饭同学 @

    半夜了,上来晃晃…..偶是asp.net程序员,暂时还兼着半个网页设计…菜菜的痛苦……

  9. 正淳 @

    用Tahoma

  10. page @

    真是好文章呢,我是一点都不会,这次真是了解多了。

  11. cc @

    世上最烂的浏览器

  12. amazingp35 @

    只来一次

  13. allankliu @

    我做网页的时候采用了德国人的开源CSS框架YAML。它重置了所有的字体,拉丁语系的字体在各个浏览器(IE7/FF/Opera/Safari/Chrome/安全360)中表现一致,也的确很美观。但是中文那个惨不忍睹。主要体现在斜体(中文斜体每一个好看的),和标题放大后的锯齿和走形。总的来说,12p和16p中文字体会比较好看,但是非其倍数的字体就超难看。

    我有一个测试网页:
    http://www.ennovation.org/wifi/index.html
    http://www.ennovation.org/wifi/node.html

    您抽空瞧瞧,那个标题,那个斜体,实在是无语。

    是否不同的浏览器的默认字体不一致?得知您使用Mac,您啥时候看看Opera中文版,那才叫丑陋!但是我的所有浏览器中,它最快。

    不知道站主是否有心研究一下先。

    • aoao @

      @allankliu
      我向来无视斜体 Opera本地化做得超级无敌差,希望无视吧。考虑大众就可以

发表评论

(必填)

(必填)