• 微信
您当前的位置:首页  > 文章 >  CSS中文表达方式:中文字体在CSS中怎么写?

CSS中文表达方式:中文字体在CSS中怎么写?

作者:admin 时间:2020-01-12 阅读数:人

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

中文字体与英文、unicode 对应的太多,站长地带(www.zzarea.com)搜集了一张表格收藏记录一下,希望也是你想要的:

中文名 英文名 Unicode
Mac OS
Windows
Office
华文细黑 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
新细明体 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
隶书 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 垄断的年代,没有比较,也就没有抱怨。

声明

源码下载不顺利,比如源码在百度网盘的有时会被无故取消等,请联系QQ:46667551
本站大部分下载资源收集于网络,但除特别说明之外,基本全部亲自测试可用!
但由于某些源码的更新迭代,比如微信小程序官方接口的变动等原因,
如时间过长,可能会造成本可以使用的代码出现问题,下载前请斟酌!
本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。
若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。

原文链接:https://www.dnwfb.com//1010.html,转载请注明出处