您現在的位置: 网站首頁 / 網站建設 / 正文

CSS中的中文字體表達方式

作者: admin 发布: 2015-6-7 11:30:2 分类: 網站建設 閱讀: 次 查看評論

  CSS中的中文字體表達方式

  在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了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

  丽黑 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\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

  仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312

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

  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: CSS  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明確移動搜索優化標准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索優化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表