IE9在字体显示上似乎有些问题,如图:(原文链接 http://ddbiz.com/?p=115)
按钮上的文字快跑走了 :-(
在项目中,我发现,如果页面使用了 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的BUG了吧。(原文链接 http://ddbiz.com/?p=115)