经典案例
  • 厦门网站优化案例:年代文化传播公司
  • 厦门网站优化案例:117企业联盟
  • 厦门网站优化案例:爱家环保科技

CSS中的中文字体表达方式

发布于:2018-05-25 15:36来源:www.sseoo.cn 作者:厦门SEO 点击:85次
CSS中的中文字体表达方式在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U。在 CSS 中写入

CSS中的中文字体表达方式

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

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

中文名英文名Unicode

Mac OS

华文细黑STHeiti Light [STXihei]534E65877EC69ED1

华文黑体STHeiti534E65879ED14F53

华文楷体STKaiti534E658769774F53

华文宋体STSong534E65875B8B4F53

华文仿宋STFangsong534E65874EFF5B8B

丽黑 ProLiHei Pro Medium4E3D9ED1 Pro

丽宋 ProLiSong Pro Light4E3D5B8B Pro

标楷体BiauKai680769774F53

苹果丽中黑Apple LiGothic Medium82F9679C4E3D4E2D9ED1

苹果丽细宋Apple LiSung Light82F9679C4E3D7EC65B8B

Windows

新细明体PMingLiU65B07EC6660E4F53

细明体MingLiU7EC6660E4F53

标楷体DFKai-SB680769774F53

黑体SimHei9ED14F53

宋体SimSun5B8B4F53

新宋体NSimSun65B05B8B4F53

仿宋FangSong4EFF5B8B

楷体KaiTi69774F53

仿宋_GB2312FangSong_GB23124EFF5B8B_GB2312

楷体_GB2312KaiTi_GB231269774F53_GB2312

微软正黑体Microsoft JhengHei5FAEx8F6F6B639ED14F53

微软雅黑Microsoft YaHei5FAE8F6F96C59ED1

Office

隶书LiSu96B64E66

幼圆YouYuan5E7C5706

华文细黑STXihei534E65877EC69ED1

华文楷体STKaiti534E658769774F53

华文宋体STSong534E65875B8B4F53

华文中宋STZhongsong534E65874E2D5B8B

华文仿宋STFangsong534E65874EFF5B8B

方正舒体FZShuTi65B96B6382124F53

方正姚体FZYaoti65B96B6359DA4F53

华文彩云STCaiyun534E65875F694E91

华文琥珀STHupo534E6587742573C0

华文隶书STLiti534E658796B64E66

华文行楷STXingkai534E6587884C6977

华文新魏STXinwei534E658765B09B4F

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

tag标签:
------分隔线----------------------------
------分隔线----------------------------