合理使用CSS字体属性可提升文本可读性与界面美观。首先设置font-family，如"Microsoft YaHei", Arial, sans-serif，中文字体加引号并以通用族兜底；其次通过font-size定义字体大小，常用px、rem或em单位，移动端推荐rem；再用font-weight设定字重，常见normal（400）和bold（700），也可选100–900数值；最后结合font-style控制斜体（normal、italic、oblique）和line-height设置行高，推荐1.4–1.8倍字体大小的无单位值。综合调整这四个属性即可满足多数排版需求。
设置网页中文本的外观时，CSS 字体属性是基础且关键的部分。合理使用这些属性能让文字更易读、界面更美观。
font-family：设置字体类型
通过 font-family 指定文本使用的字体系列。可以列出多个字体作为备选，浏览器会按顺序使用第一个可用的字体。
• 常见写法：font-family: "Microsoft YaHei", Arial, sans-serif;• 中文字体建议加引号（如 "宋体"、"微软雅黑"），避免解析错误。
• 最后一个字体通常设为通用族（如 serif、sans-serif）作为兜底。
font-size：控制字体大小
font-size 决定文字的尺寸，常用单位有 px、em、rem 和 %。
• px（像素）最常见，如font-size: 16px;，控制精确。• rem 相对于根元素（html）的字体大小，适合响应式布局。
• em 相对于父元素字体大小，常用于局部缩放。
• 移动端推荐使用 rem 或 vw 避免缩放问题。
font-weight：设置字重（粗细）
font-weight 控制文字的粗细程度。
Yes!SUN企业网站系统 3.5 Build 20100303
下载
Yes!Sun基于PHP+MYSQL技术，体积小巧、应用灵活、功能强大，是一款为企业网站量身打造的WEB系统。其创新的设计理念，为企业网的开发设计及使用带来了全新的体验：支持前沿技术：动态缓存、伪静态、静态生成、友好URL、SEO设置等提升网站性能、用户体验、搜索引擎友好度的技术均为Yes!Sun所支持。易于二次开发：采用独创的平台化理念，按需定制项目中的各种元素，如：产品属性、产品相册、新闻列表
立即学习“前端免费学习笔记（深入）”；
• 常用值：normal（400）、bold（700），也可用 100–900 的数值。• 注意：不是所有字体都支持全部字重，需确保字体文件包含对应粗细。
• 示例：
font-weight: 600; 表示稍粗的半粗体。font-style 与 line-height：斜体与行高
font-style 用于设置是否倾斜，line-height 控制行间距。
• font-style 常用值：- normal：正常显示
- italic：斜体（依赖字体本身设计）
- oblique：强制倾斜（即使无斜体样式）
• line-height 推荐使用无单位数值（如 1.5），表示相对于字体大小的倍数。
• 合理行高提升可读性，正文一般设置为 font-size 的 1.4–1.8 倍。
基本上就这些。把 font-family、font-size、font-weight 配合 line-height 调整好，就能满足大多数场景下的文字排版需求。不复杂但容易忽略细节。
