HTML5 中 <basefont> 已废弃，应使用 CSS body 规则配合带回退链的 font-family（如 -apple-system, "Microsoft YaHei", sans-serif），并确保 <meta charset="UTF-8"> 置于 <head> 顶部。
用 <basefont> 设置默认字体？别用了
这个标签在 HTML5 中已彻底废弃，现代浏览器虽可能渲染，但 W3C 验证失败、VS Code 会标黄警告、团队协作时极易被清理——一旦删掉，全站字体崩塌却没人知道原因。<basefont> 没语义、无响应能力、无法与 CSS 优先级协同，纯属历史包袱。
真正该用的：CSS body 规则 + font-family 回退链
设置“网页默认字体”，本质是给 body 元素定义基础字体族和大小，再靠回退机制兜底。关键不是写一个字体，而是写一条**按系统分层、有 fallback 的字体链**：
-
font-family必须用引号包裹含空格的字体名，如"Microsoft YaHei"； - 中文字体要前置，西文字体后置，避免 macOS 上中文 fallback 到 Helvetica Neue（纯西文）；
- 末尾必须加通用族名：
sans-serif或serif，否则无字体可用时可能显示等宽或不可读字体； - 推荐写法：
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
三种落地方式，选哪个取决于你改的是几页
不是“哪种高级”，而是“哪种不让你半夜救火”：
- 单页临时调试 → 直接写
<style>块在<head>里，改完就走； - 多页共用 → 新建
styles.css，写body { font-family: ...; font-size: 16px; }，再用<link rel="stylesheet" href="styles.css">引入； - 路径别写错：
href="css/style.css"可行，href="./css/style.css"在部分服务器（如某些 Nginx 配置）下会 404；
容易被忽略的编码前提：<meta charset="UTF-8"> 必须在 <head> 最顶部
没这句，中文字体再对也白搭——文本本身会乱码，浏览器根本读不出“微软雅黑”这几个字。它必须是 <head> 里的第一个标签，且不能被注释或 JS 动态插入。顺带一提：charset=gb2312 已淘汰，UTF-8 是唯一现实选择。
立即学习“前端免费学习笔记（深入）”；
