字体属性

字体相关属性集中在 font- 家族：

• font-size 字号：常用 px、em、rem，详见单位一节。
• font-family 字体族：写多个备选，用逗号分隔，浏览器从左往右找第一个可用的。最后一定要兜底一个通用族（serif / sans-serif / monospace）。
• font-weight 粗细：用数字 100~900，400 是常规、700 是加粗，比 bold/lighter 更精确。
• font-style：normal 或 italic 斜体。
• line-height 行高：推荐写无单位数字如 1.6，表示字号的 1.6 倍，子元素会按自己的字号重新计算。

速记 font: italic 700 16px/1.5 Arial, sans-serif; 可以一次写完，但必须包含字号和字体族两项，新手阶段建议分开写更清晰。

<style>
  body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    line-height: 1.6;
  }
  h1 {
    font-size: 24px;
    font-weight: 700;
  }
  .note {
    font-style: italic;
    font-weight: 300;
  }
</style>
<h1>文章标题</h1>
<p>正文使用宋黑体系备选字体，行高 1.6 倍更易读。</p>
<p class="note">轻量斜体的补充说明。</p>

📤 分享本文

微博QQQ+贴豆XfinRTGPWA✉

📚 推荐阅读

YY UED 前端规范指南万象云档优达学城前端样式指南万象云档移动前端开发经验指南万象云档Element Plus v2.2 组件库教程万象云档带你入门前端工程万象云档

来自万象云档的免费在线书籍，点击封面直接阅读