font标签在现代html中已完全废弃，不能用于设置表格文字字体，必须用css控制，否则可能被浏览器忽略、破坏语义结构或导致样式不可预测。
font 标签在现代 HTML 中已完全废弃，不能用于设置表格文字字体。必须用 CSS 控制，否则可能被浏览器忽略、破坏语义结构，或导致样式不可预测。
为什么 font 标签在表格里失效
HTML5 标准移除了 font 标签的所有支持；即使浏览器仍能渲染，它也无法继承、无法响应式适配、不支持伪类（如 :hover）、不兼容无障碍读屏器。在 <table>、<code><th> 或 <code><td> 内强行使用 <code><font face="SimSun" size="2">文本</font>，等于把样式逻辑硬编码进结构层，后续改字体时得逐个替换所有 font 标签——实际项目中几乎不可维护。
用 CSS 设置表格字体的三种可靠方式
优先级从高到低：内联 style → 内部 <style></style> → 外部 CSS 文件。关键不是“哪种更高级”，而是“哪一种最贴合你的控制粒度需求”：
- 单个单元格微调：直接写
<td style="font-family: 'Microsoft YaHei', sans-serif; font-size: 14px;"> <li>整行统一：给 <code><tr> 加 class，如 <code><tr class="data-row">，再在 CSS 中写 <code>.data-row td { font-size: 13px; } - 全表统一样式：直接选中
table, th, td，例如table { font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif; } - 表头与数据差异化：用
th { font-weight: 600; font-size: 16px; }和td { font-size: 14px; color: #333; }分开定义 - Windows 用户看不到 macOS 默认字体（如
PingFang SC），所以必须加通用 fallback，例如：font-family: 'Noto Sans CJK SC', 'Microsoft YaHei', sans-serif; - 不要只写一个中文字体名（如
"微软雅黑"），没引号或空格会解析失败；带空格的字体名必须用英文引号包裹 -
font-family值之间用英文逗号分隔，末尾的sans-serif是保底项，不能省略 - 某些旧版 IE 对
rem单位支持差，表格内字号建议优先用px或em
font-family 在表格中容易踩的坑
中文表格尤其要注意字体回退链和系统差异：
真正麻烦的从来不是“怎么写一行 CSS”，而是字体是否在目标设备上真实存在、是否被正确加载、是否和背景色形成足够对比。别跳过测试环节——打开表格页面后，右键检查元素，看 computed 样式里的 font-family 最终解析成了什么。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
