码迷,mamicode.com
首页 > Web开发 > 详细

css设置中文字体(font-family:"黑体")后样式失效问题

时间:2016-11-25 17:26:38      阅读:2871      评论:0      收藏:0      [点我收藏+]

标签:英文名   引号   min   编码   显示   华文楷体   表示   lis   win   

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

 

css设置中文字体(font-family:"黑体")后样式失效问题

标签:英文名   引号   min   编码   显示   华文楷体   表示   lis   win   

原文地址:http://www.cnblogs.com/yzryc/p/6101903.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!