basefont标签在任何现代浏览器中都不起作用——chrome、firefox、safari、edge均忽略其解析，dom中不存在该节点，computed styles无任何影响，w3c验证器报错；唯一合法方案是用css在body上成套设置font-family（含fallback链）、font-size（推荐16px或1rem）、line-height和color。
basefont 标签在任何现代浏览器中都不起作用——它不会设置全局基准字体，也不会影响渲染，更不会被 DOM 解析。
Chrome、Firefox、Safari、Edge 都忽略 basefont 标签
所有主流浏览器（包括新版 Edge）的渲染引擎（Blink、Gecko、WebKit）早在 2012 年前后就彻底移除了对 basefont 的解析逻辑。这意味着：
-
document.querySelector('basefont')永远返回null - 开发者工具的 Elements 面板里根本看不到该节点
- Computed Styles 中查不到任何由它产生的样式规则
- W3C HTML5 验证器会直接报错：
Element “basefont” not allowed in this context
basefont 在 IE9 及更早版本中虽能解析，但不可靠
仅 Trident 引擎（IE6–IE9）曾支持 basefont 的 color、face、size 属性，但存在严重限制：
-
size="3"这类值无像素映射，不同 IE 版本下实际渲染尺寸可能差 2px -
face="Arial, sans-serif"中的 fallback 字体链被静默丢弃，只认第一个存在的本地字体 - 不响应系统缩放、高对比度模式或
zoom设置 - 与 CSS
@media、rem、CSS 自定义属性完全不兼容，一旦混用现代样式，basefont效果立即失效
真正生效的全局字体控制必须用 CSS 写在 body 上
替代 basefont 的唯一可行路径是显式声明基础排版属性，并覆盖关键继承断裂点：
- 用
font-size: 16px（不用1em或100%）设在body上，避免移动端 Safari 强制缩放干扰 -
font-family必须带完整 fallback 链：-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif - 表单控件需单独重置：
input, textarea, select, button { font: inherit; } -
pre和code默认用等宽字体，若要统一，加pre, code { font-family: inherit; }
很多人以为页面“看起来还行”是 basefont 生效了，其实只是浏览器默认样式（user agent stylesheet）或框架自带 CSS 在起作用。遇到字体异常，第一反应应该是打开开发者工具看 computed styles，而不是检查有没有漏写 basefont —— 它早已不是工具，而是历史残留的幻觉。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
