css設置中文字體(font-family:"黑體")后樣式失效問題

所在分類: html+css   Tags:失效 字體 樣式

做項目時偶遇的一詭異問題,同樣的代碼,在ff和IE7以上頁面顯示正常,但IE6無論怎么改都不起作用,本來以為是IE6的某些浮動bug所致,結果弄了很長時間也不行,后來不經意間把原來設定的font-family: "黑體"屬性去掉了,一切恢復正常。。。
到網上搜了下,還真有不少人遇到同樣的問題,下面摘錄一段:

css文件里font-family: "黑體";這句會導致后面的css定義全部不起作用了。
只要把font-family: "黑體";
改成
font-family:黑體;
就行了,去掉空格和雙引號。
這個問題只存在于IE6中。

在其它網站找到的部分答案:

http://www.im87.cn/blog/10-03/cssshe-zhi-zhong-wen-zi-ti-font-familyhei-ti-hou-yang-shi-shi-xiao-wen-ti

一處容器的font-family屬性里寫了"宋體",而IE6一下不解析"" 號,于是就導致整個頁面的居中失效
css中指定font-family屬性為黑體、幼圓、微軟雅黑等,一一無法正常顯示(ie7),最終發現原來是CSS文件是gb2312編碼,另存為UTF-8后改掉亂碼的中文,之后font-family指定中文字體便ok 了~這樣看瀏覽器ms是按utf8對css文件進行解析的
====================================
另,考慮到文件編碼問題,在css中推薦使用中文字體的英文表示法,以下附常見中文字體的英文名:
Mac OS的一些:
華文細黑:STHeiti Light [STXihei]
華文黑體:STHeiti
華文楷體:STKaiti
華文宋體:STSong
華文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑體:SimHei
宋體:SimSun
新宋體:NSimSun
仿宋:FangSong
楷體:KaiTi
仿宋_GB2312:FangSong_GB2312
楷體_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微軟雅黑體:Microsoft YaHei
裝Office會生出來的一些:
隸書:LiSu
幼圓:YouYuan
華文細黑:STXihei
華文楷體:STKaiti
華文宋體:STSong
華文中宋:STZhongsong
華文仿宋:STFangsong
方正舒體:FZShuTi
方正姚體:FZYaoti
華文彩云:STCaiyun
華文琥珀:STHupo
華文隸書:STLiti
華文行楷:STXingkai
華文新魏:STXinwei
出自: