css文件中中文字体解决办法

写在页面中的中文字体css样式有效果，将样式保存到css文件中，中文字体就没有效果了，浏览器版本低还可能影响其他样式的执行。解决办法如下：

1、将中文样式名换成英文名：

 

附Windows系统常见中文字体英文名称：
========================
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong  SimFang?
楷体：KaiTi    SimKai?
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软雅黑体：Microsoft YaHei
隶书：LiSu    SimLi?
幼圆：YouYuan     SimYou?
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei

 

但这些英文名在非ie的浏览器中是不能识别的，可以在页面的body中定义：

font-family:SimSun,宋体;

这样至少可以保证在几个浏览器中能够准确显示我要的字体样式。

 

 

2、包含css文件时，添加charset属性，注意css文件的编码，如：

<style href="style.css" type="text/css" rel="stylesheet" charset="utf-8">

 

3、将css文件存为UTF-8 编码，在css文件开头添加以下语句：

     @charset "utf-8";