标签在 HTML5 中已被完全移除，其 color、size、face 属性被浏览器忽略，仅在怪异模式下可能偶然生效；应改用 等语义化标签配合 CSS 样式实现兼容与可维护性。
font 标签在现代 HTML 中根本不能用
不是“不推荐”，而是 HTML5 标准中已移除 <font></font> 标签的全部样式属性（color、size、face）。浏览器在 下解析时，会忽略这些属性，文字仍按默认样式渲染。你看到的“偶尔生效”，大概率是浏览器在怪异模式（quirks mode）下兼容旧行为，或 CSS 层叠意外覆盖了默认值——不可依赖。
常见错误现象和实际表现
把 <font color="#d32f2f">错误提示</font> 写进页面后：
- 文字仍是黑色，控制台出现警告：
The <font> element is obsolete. Use CSS instead.</font> -
size="4"不改变字号，face="Microsoft YaHei"不切换字体 - 即使临时显示正确，也无法响应暗色模式、无法被
:hover修改、不能继承父级font-size缩放 - 用屏幕阅读器访问时，该标签完全不传递语义，“红色”不等于“错误”，只是视觉巧合
替代方案：用 style 属性快速迁移
如果你正在维护旧代码或需要最小改动上线，直接替换 <font></font> 为带 style 的通用标签（如 <span></span> 或语义化标签），是最稳妥的过渡方式：
<!-- 旧写法（失效） --> <font color="#ff6b6b" size="4">青蓝色文字</font> <p><!-- 新写法（100% 兼容） --> <span style="color: #ff6b6b; font-size: 16px;">青蓝色文字</span>
注意：font-size 单位优先用 px 或 rem，避免用 size 数字（1–7）这种无意义的缩放等级；color 值写法不变，但载体必须是 CSS 属性。
立即学习“前端免费学习笔记（深入）”；
真正该做的：按语义选标签 + 外部 CSS 控制
长期来看，硬编码样式到 HTML 是技术债。应该：
- 用
<strong></strong>表达强调，<em></em>表达语气，<time></time>表达时间——让结构本身有意义 - 给不同语义内容加 class，比如
<span class="error-text"></span>或<p class="lead"></p> - 在外部 CSS 或
<style></style>块里统一定义：.error-text { color: #d32f2f; font-weight: 500; } - 避免用
font简写属性（如font: bold 16px/1.4 sans-serif），它容易因漏写font-size或font-family导致整条声明失效
最常被忽略的一点：哪怕只改一处颜色，也别再碰 <font></font>。它不是“还能用”，而是“正在悄悄破坏可访问性和维护性”。
