字体属性列表
- 字体系列
- 字体大小
- 字体粗细
- 字体倾斜
- 行高
- font复合属性
字体属性是什么？
- CSS Fonts 是 CSS 的一个模块。
- 它允许您定义网页字体的样式，
- 例如：
- 字体系列
- 字体大小和粗细
- 字体行高
- 以及当多个字符可用于单个字符时要使用的字形变体。
- 它定义了与字体相关的属性以及如何加载字体资源。
字体系列是什么？
- font-family ：字体系列
- font-size:字体大小
- font-weight：字体粗细
- line-height：字体行高
- font-style：字体风格
- font-variant：字体变形
- font：复合属性
字体系列是什么？
| 平台 | 占位衬线字体 | 中文非衬线字体 | 英文衬线字体 | 英文非衬线字体 |
|---|---|---|---|---|
| 调用字体 | serif | sans-serif | serif | sans-serif |
| window | 宋体 | 微软雅黑 | Times | arial |
| Mac | 宋体 | 苹方 | San-Francsico | |
| lOS | 苹方 | 英文衬线字体 | 英文非衬线字体 | |
| Andruodl | 思源黑体 | 英文衬线字体 | 英文非衬线字体 | |
| 其他 |
说明：字体分为两种：
- 通用字体系列：它指一组具有共同风格的字体系列，比如衬线和非衬线
- 特殊字体：它指某一个字体。比如：微软雅黑、苹方、思源黑体
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';
}
语法规则：
- 可以设置多个字体名称或字体系列名称作为属性值
- 多个字体名称之间使用逗号隔开
- 如果字体名称含有特殊字符需要加引号，比如
- 'Microsoft Yahei' 空格是特殊字符
- 'sans-serif' 横线是特殊字符
- '微软雅黑'：中文也是特殊字符
- 特殊字体在前，通用字体在后
- 英文字体在前，中文字体在后
font-size
定义：
- 定义页面字体的大小
语法：
body{
font-size:相对值 | 绝对值；
}
使用相对单位设置font-size
- 关键词：medium默认值
- %
- em
- rem
- vw/vh
使用绝对单位设置font-size - px
用法： - 在做网页的时候，第一步要确定根字号大小。
html{
font-size:16px;/*根字号16px*/
font-size:62.5%;/*根字号10px*/
}
- 在设置他们字号的时候，要有字号层级的意识，也就是说你需要确定：
- 页面最大字号：最大的标题元素，一级标题
<h1> - 页面最小字号：版权文字、补充说明描述性的文字
- 正文字号：一般是14px或16px
- 页面最大字号：最大的标题元素，一级标题
