IE9 css, 字体显示问题

时间:2022-09-15 17:35:49

IE9在字体显示上似乎有些问题,如图:(原文链接 http://ddbiz.com/?p=115)

IE9 css, 字体显示问题

按钮上的文字快跑走了 :-(


在项目中,我发现,如果页面使用了 gb2312 的编码格式,且定义了 font-family: san-serif 字体的话,文字表现就不正常了,而我所有的页面都是用 YUI 来格式化的:


  <link href="/support/yui/build/cssreset/reset-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssfonts/fonts-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssgrids/grids-min.css" rel="Stylesheet" />


fonts-min.css 中,就重新定义了所有的字体显示。那要解决这个问题,只有重新定义字体的样式。好在css是可以覆盖的,

  <link href="/support/yui/build/cssreset/reset-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssfonts/fonts-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssgrids/grids-min.css" rel="Stylesheet" />
  <link rel="stylesheet" type="text/css" href="/src/css/theme.css" />

/src/css/theme.css 是自定义的格式,为网站提供个性化页面设置,在其文件头中重新定义字体样式:

body,select,input,button,textarea
{
font-family: arial,helvetica,clean;
}

IE9 css, 字体显示问题

看,现在好了! :-)

这也应该算是IE9的BUG了吧。(原文链接 http://ddbiz.com/?p=115)