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

到網上搜了下，還真有不少人遇到同樣的問題，下面摘錄一段：

css文件里font-family: "黑體";這句會導致后面的css定義全部不起作用了。

只要把font-family: "黑體";

改成

font-family:黑體;

就行了，去掉空格和雙引號。

這個問題只存在于IE6中。

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

一處容器的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

//===============================

把font-family設為微軟雅黑怎么無效

字體設置需要在css的body中設置。另外你的電腦必須安裝了微軟雅黑字體才能有效的。

body,html{font-family:'Microsoft?YaHei','Hiragino?Sans?GB',Helvetica,Arial,'Lucida?Grande',sans-serif;}

總結

以上是生活随笔為你收集整理的html font-family设置无效,css设置中文字体(font-family:黑体)后样式失效问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。