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)