本篇教程介绍了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中推荐使用中文字体的英文表示法,以下附常见中文字体的英文名:
MacOS的一些:
华文细黑:STHeitiLight[STXihei]
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
儷黑Pro:LiHeiProMedium
儷宋Pro:LiSongProLight
標楷體:BiauKai
蘋果儷中黑:AppleLiGothicMedium
蘋果儷細宋:AppleLiSungLight
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:MicrosoftJhengHei
微软雅黑体:MicrosoftYaHei
装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei
//===============================
把font-family设为微软雅黑怎么无效
字体设置需要在css的body中设置。另外你的电脑必须安装了微软雅黑字体才能有效的。
body,html{font-family:'MicrosoftYaHei','HiraginoSansGB',Helvetica,Arial,'LucidaGrande',sans-serif;}
本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!
html font-family设置无效 HTML+CSS入门 CSS设置中文字体(font-family:黑体)后样式失效问题如何解决...