网页设计中常用的web安全字体及CSS写法

Xiaomo

分类: 前端探索 1445 22

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;

  • 16人 Love
  • 14人 Haha
  • 18人 Wow
  • 19人 Sad
  • 16人 Angry
css、font、html

作者简介:Xiaomo

学无止境,生命不息,折腾不止!

共 22 条评论关于 “网页设计中常用的web安全字体及CSS写法”

Loading...