HTML,CSS,font-family:中文字体的英文名称




中文名 对照名 css写法
宋体 SimSun font-family:SimSun;
黑体 SimHei font-family:SimHei;
微软雅黑 Microsoft YaHei font-family:Microsoft YaHei;
微软正黑体 Microsoft JhengHei font-family:Microsoft JhengHei;
新宋体 NSimSun font-family:NSimSun;
新细明体 PMingLiU font-family:PMingLiU;
细明体 MingLiU font-family:MingLiU;
标楷体 DFKai-SB font-family:DFKai-SB;
仿宋 FangSong font-family:FangSong;
楷体 KaiTi font-family:KaiTi;
仿宋_GB2312 FangSong_GB2312 font-family:FangSong_GB2312;
楷体_GB2312 KaiTi_GB2312 font-family:KaiTi_GB2312;

宋体:SimSuncss中中文字体(font-family)的英文名称




Mac OS的一些:

中文名 英文名 css写法
华文细黑 STHeiti Light [STXihei] font-family:STHeiti Light;
华文黑体 STHeiti font-family:STHeiti;
华文楷体 STKaiti font-family:STKaiti;
华文宋体 STSong font-family:STSong;
华文仿宋 STFangsong font-family:STFangsong;
儷黑 Pro LiHei Pro Medium font-family:Pro LiHei Pro Medium;
儷宋 Pro LiSong Pro Light font-family: Pro LiSong Pro Light;
標楷體 BiauKai font-family:BiauKai;
蘋果儷中黑 Apple LiGothic Medium font-family:Apple LiGothic Medium;
蘋果儷細宋 Apple LiSung Light font-family:Apple LiSung Light;




Windows的一些:


新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei
装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei




几个网站使用的好看的字体实例:

例1(小米米官网):font-family: “Arial”,”Microsoft YaHei”,”黑体”,”宋体”,sans-serif;

例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,’宋体’,sans-serif;

例3(加网 ):font: 14px/1.5 ‘Microsoft YaHei’,arial,tahoma,\5b8b\4f53,sans-serif;

例4(淘宝UED):font: 12px/1 Tahoma,Helvetica,Arial,”\5b8b\4f53″,sans-serif;

例5(一淘UX):font-family: Helvetica, ‘Hiragino Sans GB’, ‘Microsoft Yahei’, ‘微软雅黑’, Arial, sans-serif;


标签: html, css, font

已有 22 条评论

  1. 哇,最近我刚好用到!我能记录一份在我的博客里吗?

    1. 哈哈,可以的,拿去吧 [xieyanxiao]

  2. 大佬大佬

    1. 别大佬了,前两天作死时忘记备份了,害我丢失了部分评论加篇文章 [piezui] [penxue]

  3. 字体不要乱用呀,特别是商用的网站...会受到律师函。

    1. 是嘛,你别吓我啊 [xiaoku]

  4. 给大肥开一手网易云会员? [huaixiao]

    1. 淘宝上搜索 [xieyanxiao]

  5. 中文字体引用还是个难题

    1. [xiaoku] 也许某天就不是难题了

  6. 值得收藏的内容。。。不然每次都配不好字体。。

  7. 大概懂了

  8. 字体很重要啊,收藏

    1. 好看的字体视觉会舒服点 [xieyanxiao]

  9. 这个不错,收藏了,我总感觉我的网站字体不好看!

  10. 坚持更新,做好自己

  11. 小陌搞神魔恋????催更催更,你搞这个东西 [penxue]

    1. 在下呆头鹅小陌,你搞这些个东西,别催更,不更不更我不更 [xieyanxiao]

  12. 爱的那么认真,爱的那么认真,可还是听见了你...说不可能

  13. 收藏了,蛮有用的!!

添加新评论