IE font-family bug

作者: nick 分类: css 发布时间: 2010-04-25 10:28 ė 63条评论

三谈Web默认字体中有这么一段:

5. GB 编码问题。font: 12px sans-serif; 不设置宋体,页面为 GB 系列编码时,非中文操作系统下(港台用户中有不少英文系统,还有海外华人),IE的默认字体是 Microsoft Sans Serif Regular, 很难看。截图为证:

有两个解决方案:a. 用”宋体”垫底;b. 不加 sans-serif.

同事的项目中也遇到过类似的问题,不过不局限于以上条件,详情如下:

  1. 出现在简体中文旗舰版Win7的IE8中(简体中文版XP的IE8正常),英文系统等未测试
  2. 页面为utf-8编码(http headers及页面meta中都已指定)
  3. css中是这么写的:
    body{font-family:Tahoma,Helvetica,Arial,sans-serif;}

    而浏览器直接跳到了sans-serif

  4. 上面改为
    body{font-family:Tahoma,Helvetica,Arial;}

    而当页面有一处为

    a span{font-family:Arial,sans-serif;}

    mouseover前为sans-serif,mouseover后变为了Arial,太囧了

解决方法:推荐删去sans-serif,而用”宋体”垫底有时会不生效

某鬼佬遇到过另外的字体问题:《Euro symbol showing as serif font in IE7 when using bold Arial

old9评论

windows 下有一套映射缺失字体的机制,helvetica 会自动映射到 arial,可以在注册表里面找到这些东西:
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontSubstitutes

发现Win7和XP还有些不同,截图留念,XP:

Win7:

顺便再复习下:

本文出自 传播、沟通、分享,转载时请注明出处及相应链接。

本文永久链接: https://www.nickdd.cn/?p=40

3条评论

  1. nick 2010年10月8日 09:12

    @electric guitar electric
    做视频网站前台可以用PHP,后台用Java流媒体,这样比较稳定,不过国内视频网站现在都查得很严,需要牌照才能挂牌营业,你可以借用其它视频站的内容自己做个壳就可以了,比如优酷、土豆等这些只要提供视频分享功能的站都可以,而且接口丰富更新和维护都很方便.

  2. nick 2010年10月8日 09:11

    @electric guitar electric
    真是夸奖了,没多少时间折腾,不求太好,只求文章有地方发即可.

  3. electric guitar electric 2010年10月4日 16:08

    www.uini.net的文章都写得很好,我学到了好多东西。博主,向你请教一个问题,做视频网站用什么程序好些,你能不能给我推荐一款?

Ɣ回顶部