本篇教程介绍了HTML+CSS入门 CSS设置中文字体(font-family:"黑体")后样式失效问题如何解决，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

做项目时偶遇的一诡异问题，同样的代码，在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;}

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！