字体属性是什么

• CSS Fonts 是 CSS 的一个模块
• 它定义了与字体相关的属性以及如何加载字体资源。
• 它允许您定义网页字体的样式：
• 字体系列
• 字体大小
• 字体粗细
• 字体行高

字体属性列表

• font-family ：字体系列
• font-size ：字体大小
• font-weight ：字体粗细
• line-height ：字体行高
• font-style ：字体风格
• font-variant ：字体变形
• font 复合属性

字体系列是什么

说明：字体分为两种：

• 通用字体系列：它指一组具有共同风格的字体系列，比如衬线和非衬线
• 特殊字体：它指某一个字体。比如：微软雅黑、苹方、思源黑体

font-family

定义：用于设置页面的字体外观。
语法

body{
font-family: Georgia, '-apple-system', 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti', 'sans-serif';
}

解析

body{
  font-family: 英文字体, 苹果中文字体, window中文字体，通用非衬线字体;
}

语法规则：

• 可以设置多个字体名称或字体系列名称作为属性值。
• 多个字体名称之间使用逗号隔开
• 如果字体名称含有特殊字符需要加引号，比如：
  • 'Microsoft Yahei' 空格是特殊字符
  • 'sans-serif' 横线是特殊字符
  • '微软雅黑' 中文也是特殊字符
• 特殊字体在前，通用字体在后。
• 英文字体在前，中文字体在后。

font-size

定义
定义页面字体的大小。
语法

body{
  font-size: 相对值|绝对值；
}

使用相对单位设置font-size

• 关键词：medium 默认值
• %
• em
• rem
• vh/vw

使用绝对单位设置font-size

• px

用法：

• 在做网页的时候，第一步要确定根字号大小。

html{
  font-size: 16px; /*根字号16px*/

  font-size: 62.5% /*根字号10px*/
}

• 在设置页面字号的时候，要有字号层级的意思，也就是说你需要确定：
  • 页面最大字号：最大的标题元素
  • 页面最小字号：版权文字、补充说明描述性的文字
  • 正文字号：一般是14px或16px