互联网技术
联系方式
您现在的位置:主页 > 互联网技术 > 内容

中文字体在CSS中的表达方式

发布时间:2018-11-04 编辑:918Õ

中文字体在CSS中的表达方式
来源:wange.im

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

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

中文名英文名UnicodeMac 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丽黑 ProLiHei Pro Medium\4E3D\9ED1 Pro丽宋 ProLiSong Pro Light\4E3D\5B8B Pro标楷体BiauKai\6807\6977\4F53苹果丽中黑Apple LiGothic Medium\82F9\679C\4E3D\4E2D\9ED1苹果丽细宋Apple LiSung Light\82F9\679C\4E3D\7EC6\5B8BWindows新细明体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仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312微软正黑体Microsoft JhengHei\5FAE6F\6B63\9ED1\4F53微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1Office隶书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 垄断的年代,没有比较,也就没有抱怨。

http://www.bkjia.com/dedecms/1273139.htmlwww.bkjia.comtruehttp://www.bkjia.com/dedecms/1273139.htmlTechArticle中文字体在CSS中的表达方式 来源:wange.im 在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除...

本文源自: 凯发国际

上一篇:织梦DEDECMS建站首页调用一问一答内容的方法

下一篇:图文详解织梦添加广告过程

Copyright © 2005-2016 http://www.erlygoods.com 凯发国际_凯发国际开户礼金_凯发注册送_搜狐财经版权所有 凯发国际_凯发国际开户礼金_凯发注册送_搜狐财经