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

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

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

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

在其它網(wǎng)站找到的部分答案:

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