Face属性字体设置技巧全解析

内联字体控制唯一合规方式是通过 style 属性写 font-family，且必须遵守 CSS 字体族语法规范——中文字体名含空格时需加英文引号，优先级顺序不能颠倒。

示例：

<p style="font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;">正文文字</p>

• 中文字体名如 Microsoft YaHei、PingFang SC 必须用单引号或双引号包裹，否则会被截断为 Microsoft（只取第一个词）
• 末尾必须保留通用字体族（sans-serif 或 serif），否则在缺失字体时可能回退到不可控的系统默认字体
• 避免写 font-family: SimSun, 'NSimSun'; 这类无兜底的写法——Windows 上可能生效，macOS/Linux 下直接 fallback 到 Times New Roman

为什么不用 font 标签 + CSS？直接用普通标签更可靠

即便给 加 style，也不推荐。因为 本身是废弃标签，会干扰语义结构、增加无障碍阅读障碍，且部分屏幕阅读器会跳过或误读它。

document.querySelectorAll('font[face]').forEach(el => {
  el.style.fontFamily = el.getAttribute('face');
  el.removeAttribute('face');
});