CSS 中文字体表达方式
2016-06-13 15:20
716 查看
在写一个网站的css样式表的时候,都会不可避免地用到一些css 中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体。
在CSS 中文字体表达方式一般采用 font-family:”微软雅黑”,”黑体”;
这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。
所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:”微软雅黑”,”黑体”;就可以写成 font-family:”Microsoft Yahei”,”SimHei”; 这样看起来是不是也可以统一一点呢。
中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:
CSS 中文字体表达方式很全面吧,但也不要高兴地太早,因为我们有着人手一个规则的浏览器大军,就算是举着完美支持 CSS 大旗的 Firefox,也有不尽如人意的地方。
因为 Firefox 居然不支持以上别名,对它来说 “Microsoft Yahei” 并不是微软雅黑,只能反馈出浏览器默认字体的的结果。
在CSS 中文字体表达方式一般采用 font-family:”微软雅黑”,”黑体”;
这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。
所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:”微软雅黑”,”黑体”;就可以写成 font-family:”Microsoft Yahei”,”SimHei”; 这样看起来是不是也可以统一一点呢。
中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:
中文名 | 英文名 | Unicode | 操作系统 |
---|---|---|---|
华文细黑 | STHeiti Light [STXihei] | \534E\6587\7EC6\9ED1 | Mac OS |
华文黑体 | STHeiti | \534E\6587\9ED1\4F53 | Mac OS |
华文楷体 | STKaiti | \534E\6587\6977\4F53 | Mac OS |
华文宋体 | STSong | \534E\6587\5B8B\4F53 | Mac OS |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B | Mac OS |
丽黑 Pro | LiHei Pro Medium | \4E3D\9ED1 Pro | Mac OS |
丽宋 Pro | LiSong Pro Light | \4E3D\5B8B Pro | Mac OS |
标楷体 | BiauKai | \6807\6977\4F53 | Mac OS |
苹果丽中黑 | Apple LiGothic Medium | \82F9\679C\4E3D\4E2D\9ED1 | Mac OS |
苹果丽细宋 | Apple LiSung Light | \82F9\679C\4E3D\7EC6\5B8B | Mac OS |
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 | Windows |
细明体 | MingLiU | \7EC6\660E\4F53 | Windows |
标楷体 | DFKai-SB | \6807\6977\4F53 | Windows |
黑体 | SimHei | \9ED1\4F53 | Windows |
宋体 | SimSun | \5B8B\4F53 | Windows |
新宋体 | NSimSun | \65B0\5B8B\4F53 | Windows |
仿宋 | FangSong | \4EFF\5B8B | Windows |
楷体 | KaiTi | \6977\4F53 | Windows |
仿宋_GB2312 | FangSong_GB2312 | \4EFF\5B8B_GB2312 | Windows |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 | Windows |
微软正黑体 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 | Windows |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 | Windows |
隶书 | LiSu | \96B6\4E66 | office |
幼圆 | YouYuan | \5E7C\5706 | office |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 | office |
华文楷体 | STKaiti | \534E\6587\6977\4F53 | office |
华文宋体 | STSong | \534E\6587\5B8B\4F53 | office |
华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B | office |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B | office |
方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 | office |
方正姚体 | FZYaoti | \65B9\6B63\59DA\4F53 | office |
华文彩云 | STCaiyun | \534E\6587\5F69\4E91 | office |
华文琥珀 | STHupo | \534E\6587\7425\73C0 | office |
华文隶书 | STLiti | \534E\6587\96B6\4E66 | office |
华文行楷 | STXingkai | \534E\6587\884C\6977 | office |
华文新魏 | STXinwei | \534E\6587\65B0\9B4F | office |
因为 Firefox 居然不支持以上别名,对它来说 “Microsoft Yahei” 并不是微软雅黑,只能反馈出浏览器默认字体的的结果。
相关文章推荐
- 百度地图API显示多个标注点并添加百度样式检索窗口
- iOS 图片轮播图浅析,教你用SDCycleScrollView自定义样式,花式轮播到根本停不下来
- css中关于transform、transition、animate的区别
- CSS3制作的一款按钮特效
- CSS3 动画实现方法大全
- css学习笔记1
- SVG+JS path等值变化实现CSS3兴叹的图形动画
- 与指向的类型无关;转换要求 reinterpret_cast、C 样式转换或函数样式转换
- css样式设置鼠标选中后字体颜色以及背景颜色
- CSS3 Media 手机自适应
- 【CSS3】颜色--慕课网【学习总结】
- CSS优化的认识一二......
- html css 控制div或者table等固定在指定位置
- css 强制不换行
- 用 CSS 隐藏页面元素的 5 种方法
- 和css有关的方法有这些:
- CSS备忘录
- IE11下不能引入外部css的解决方法
- IE css hack
- 标准化命名CSS类,持续更新