应使用内联 style 属性或外部 css，而非废弃的 标签；推荐用 style="color: #333; font-size: 16px; font-family: 'segoe ui', sans-serif;" 等 css 属性控制文字样式。
HTML 里直接改文字颜色、大小、字体用哪个标签？
别用 <font></font>，它在 HTML5 中已废弃，现代浏览器虽可能渲染，但毫无语义、无法维护、CSS 优先级混乱。真正该做的是用内联 style 属性或外部 CSS —— 即使只是临时改一两个字，也推荐用 style。
常见错误现象：<font color="red" size="4">文字</font> 在 Chrome/Firefox 新版本中仍显示，但 W3C 验证失败，VS Code 会标黄警告，团队协作时别人删掉它你还不知道为什么样式崩了。
-
color、font-size、font-family这三个属性最常用，写法如：style="color: #333; font-size: 16px; font-family: 'Segoe UI', sans-serif;" -
font-size推荐用px（固定）或rem（响应式），避免用size="3"这类无意义数字 -
font-family必须加引号包裹含空格的字体名，比如'Microsoft YaHei'，且末尾要带通用族名（sans-serif或serif）兜底
行内样式和外部 CSS 哪个更合适？
看修改范围：单个元素临时调试用 style；同一类文字（比如所有标题、所有按钮文字）必须抽到 CSS 文件或 <style></style> 块里。混着用会导致样式覆盖难排查，特别是 !important 越堆越多。
性能影响很小，但可维护性差距极大。一个页面里出现 20 处 style="color: #007bff"，以后换主题色就得全局搜索替换，而 CSS 里只改一处 .text-primary { color: #0056b3; } 就够了。
立即学习“前端免费学习笔记（深入）”；
- 外部 CSS 路径写法：
<link rel="stylesheet" href="css/style.css">，注意路径别写成./css/style.css（部分服务器不认点斜杠开头） - 如果必须用内联，优先给元素加
class，再用 CSS 控制，而不是全靠style—— 比如<p class="note">提示文字</p>，然后在 CSS 里写.note { font-size: 14px; opacity: 0.8; } - 不要在
style里写 JavaScript 表达式（如style="font-size: {{fontSize}}px"），那是框架语法，原生 HTML 不支持
中文网页字体设置有哪些实际兼容坑？
Windows、macOS、Linux 对中文字体的支持差异大，硬写 "SimSun" 或 "PingFang SC" 很容易 fallback 到丑字体甚至方块。关键是按系统分层声明，并把通用族名放在最后。
典型错误：font-family: "Microsoft YaHei", "Helvetica Neue", sans-serif; —— macOS 上没有 Microsoft YaHei，直接跳到 Helvetica Neue（西文字体），中文就用系统默认宋体，结果中西文字体不统一。
- 推荐写法：
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "Helvetica Neue", sans-serif; -
-apple-system和BlinkMacSystemFont是 macOS/iOS 现代系统默认字体，优先级高于"PingFang SC"（旧写法） - Windows 用户看到的是
"Microsoft YaHei"，Linux 用户大概率落到sans-serif（通常是文泉驿微米黑或 Noto Sans CJK） - 别加
"KaiTi"或"FangSong"这类衬线中文字体到正文，它们渲染效率低、小字号下模糊，仅适合标题或特殊排版
用 CSS 修改文字样式时哪些属性容易被忽略？
光调颜色和大小远远不够。真实项目里，行高、字重、字间距、文本对齐这些才是让文字“看得舒服”的关键，而且它们之间有强依赖关系。
比如设了 font-size: 18px 却没配 line-height: 1.5，段落文字会挤在一起；又或者用了 font-weight: 600，但字体文件没加载对应字重，浏览器就强行加粗，边缘发虚。
-
line-height推荐用无单位数值（如1.6），它会相对于当前font-size计算，比写24px更健壮 -
font-weight别乱写bold，优先用数字（400= 正常，600= 半粗，700= 加粗），确保字体文件真包含这个字重 -
letter-spacing微调字间距时，中文一般设0.02em～0.05em，负值慎用（尤其小字号下易粘连） -
text-rendering: optimizeLegibility可提升 Safari/Chrome 下连字和字距表现，但 Firefox 支持弱，不是必需项
字体这件事，改完别只看 Chrome，顺手开个 Edge、Safari、甚至手机浏览器点开看看——同一段 CSS，在不同引擎下渲染出的文字灰度、字间距、甚至换行位置都可能不一样。
