IE9 css, 字體顯示問題

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)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章