Home > Technology, Web > CSS里定义中文字体

CSS里定义中文字体

December 3rd, 2009 | 转发腾讯微博 留评论 看评论

有时候写在页面中的中文字体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”;

原文地址:http://blog.csdn.net/eastsea/archive/2009/09/14/4550551.aspx

版权声明CSS里定义中文字体系原创文章,转载请注明出自Bruce[http://brucehan.com]

Categories: Technology, Web Tags:
  1. No comments yet.
  1. No trackbacks yet.