字体 font
font-family/font-size/font-weight/font-style、简写、安全字体
字体 font
font 系列属性控制文字的字体、大小、粗细、样式。
学完本章你将： 掌握 font-family/size/weight/style、简写、安全字体。
基本属性
css
.text {
font-family: "Microsoft YaHei", Arial, sans-serif; /* 字体族（回退机制） */
font-size: 16px; /* 字号 */
font-weight: bold; /* normal/bold/100-900 */
font-style: italic; /* normal/italic/oblique */
font-variant: small-caps; /* 小型大写字母 */
}安全字体（跨平台）
css
/* Serif 衬线字体 */
.serif { font-family: "Times New Roman", Georgia, serif; }
/* Sans-serif 无衬线字体（最常用） */
.sans { font-family: Arial, Helvetica, "Microsoft YaHei", sans-serif; }
/* Monospace 等宽字体（代码） */
.mono { font-family: "Courier New", Consolas, monospace; }font 简写
css
/* 顺序：style weight size/line-height family */
.text {
font: italic bold 16px/1.5 "Microsoft YaHei", sans-serif;
}
/* 最小简写——size 和 family 必填 */
.text { font: 16px Arial; }⚠️ 简写中
size和family是必填的，其他可选。