找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2569|回复: 1

[分享] 中文字体在CSS中的表达方式

[复制链接]
发表于 2013-3-14 15:54:51 | 显示全部楼层 |阅读模式 来自 北京市

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U。在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei"; 这样看起来是不是也可以统一一点呢。

中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:



中文名
英文名
Unicode

Mac OS

华文细黑
STHeiti Light [STXihei]
\534E\6587\7EC6\9ED1

华文黑体
STHeiti
\534E\6587\9ED1\4F53

华文楷体
STKaiti
\534E\6587\6977\4F53

华文宋体
STSong
\534E\6587\5B8B\4F53

华文仿宋
STFangsong
\534E\6587\4EFF\5B8B

丽黑 Pro
LiHei Pro Medium
\4E3D\9ED1 Pro

丽宋 Pro
LiSong Pro Light
\4E3D\5B8B Pro

标楷体
BiauKai
\6807\6977\4F53

苹果丽中黑
Apple LiGothic Medium
\82F9\679C\4E3D\4E2D\9ED1

苹果丽细宋
Apple LiSung Light
\82F9\679C\4E3D\7EC6\5B8B

Windows

新细明体
PMingLiU
\65B0\7EC6\660E\4F53

细明体
MingLiU
\7EC6\660E\4F53

标楷体
DFKai-SB
\6807\6977\4F53

黑体
SimHei
\9ED1\4F53

宋体
SimSun
\5B8B\4F53

新宋体
NSimSun
\65B0\5B8B\4F53

仿宋
FangSong
\4EFF\5B8B

楷体
KaiTi
\6977\4F53

仿宋_GB2312
FangSong_GB2312
\4EFF\5B8B_GB2312

楷体_GB2312
KaiTi_GB2312
\6977\4F53_GB2312

微软正黑体
Microsoft JhengHei
\5FAE\x8F6F\6B63\9ED1\4F53

微软雅黑
Microsoft YaHei
\5FAE\8F6F\96C5\9ED1

Office

隶书
LiSu
\96B6\4E66

幼圆
YouYuan
\5E7C\5706

华文细黑
STXihei
\534E\6587\7EC6\9ED1

华文楷体
STKaiti
\534E\6587\6977\4F53

华文宋体
STSong
\534E\6587\5B8B\4F53

华文中宋
STZhongsong
\534E\6587\4E2D\5B8B

华文仿宋
STFangsong
\534E\6587\4EFF\5B8B

方正舒体
FZShuTi
\65B9\6B63\8212\4F53

方正姚体
FZYaoti
\65B9\6B63\59DA\4F53

华文彩云
STCaiyun
\534E\6587\5F69\4E91

华文琥珀
STHupo
\534E\6587\7425\73C0

华文隶书
STLiti
\534E\6587\96B6\4E66

华文行楷
STXingkai
\534E\6587\884C\6977

华文新魏
STXinwei
\534E\6587\65B0\9B4F

 很全面吧,但也不要高兴地太早,因为我们有着人手一个规则的浏览器大军,就算是举着完美支持 CSS 大旗的 Firefox,也有不尽如人意的地方,因为 Firefox 居然不支持以上别名,对它来说 "Microsoft Yahei" 并不是微软雅黑,只能反馈出浏览器默认字体的的结果,唉,浏览器太多也不好,还不如回到 IE 垄断的年代,没有比较,也就没有抱怨。


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2013-3-14 22:02:24 | 显示全部楼层 来自 广东省湛江市
加一点:字体是要自身电脑有这种字体才显示得出,如自身电脑没你要显示的字体,那就会显示浏览器默认的字体....

评分

参与人数 1金币 +5 收起 理由
抢楼评分专号 + 5 很幸运,你获得了抢楼奖励!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-5-4 22:40 , Processed in 0.043196 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表