美文网首页
css常用font-family

css常用font-family

作者: Juvenile_ae06 | 来源:发表于2019-12-06 11:26 被阅读0次

<meta charset="utf-8">

实例

  • 例1(小米米官网):font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  • 例2(淘宝技术研发中心):font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',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;
  • 例6(简书):font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

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

通用

  • 宋体 SimSun
  • 黑体 SimHei
  • 微软雅黑 Microsoft YaHei
  • 微软正黑体 Microsoft JhengHei
  • 新宋体 NSimSun
  • 新细明体 PMingLiU
  • 细明体 MingLiU
  • 标楷体 DFKai-SB
  • 仿宋 FangSong
  • 楷体 KaiTi
  • 仿宋_GB2312 FangSong_GB2312
  • 楷体_GB2312 KaiTi_GB2312

Mac OS的一些:

  • 华文细黑:STHeiti Light [STXihei]
  • 华文黑体:STHeiti
  • 华文楷体:STKaiti
  • 华文宋体:STSong
  • 华文仿宋:STFangsong
  • 儷黑 Pro:LiHei Pro Medium
  • 儷宋 Pro:LiSong Pro Light
  • 標楷體:BiauKai
  • 蘋果儷中黑:Apple LiGothic Medium
  • 蘋果儷細宋: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

Windows 中的中文字体

在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体:

  • Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312
  • Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)
  • Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB

作者:ozil_oo
链接:https://www.jianshu.com/p/afe4036a01f7

相关文章

  • CSS3 @font-face详解与优化

    CSS3 @font-face 规则 css通常用font-family 我们都知道,在网页制作中,会经常用到不同...

  • css常用font-family

    实例 例1(小米米官网):font: 14px/1.5 "Helvetica Neue",Helvetica,Ar...

  • css常用font-family

    实例 例1(小米米官网):font: 14px/1.5 "Helvetica Neue",Helvetica,Ar...

  • CSS前端笔记(百度传课)

    css给字体设置备选方案:font-family:"字体1",“字体2"。。。;中文常用的字体:宋体(simsun...

  • HTML的基础样式(二)

    一、使用css设置文字效果 1、文字样式常用属性 设置字体:font-family 设置字号:font-size ...

  • web载入英文字体

    【css引入字体】 @font-face { font-family: 'HelveticaBold'; ...

  • 响应式设计

    基础列子效果: css: body { font-family:"Lucida Sans", Verdana,...

  • CSS字体样式总结

    本文纯属个人学习的总结。 CSS中的字体属性。 1.字体类型font-family 语法:font-family:...

  • vue cli3 引入思源字体

    font.css @font-face{font-family:'SourceHanSans';src:url('...

  • CSS字体样式

    1、CSS样式字体属性 font-size:字号大小font-family:设置字体unicode字体 CSS注释...

网友评论

      本文标题:css常用font-family

      本文链接:https://www.haomeiwen.com/subject/pvgsgctx.html