Safari网页乱码主因是文本编码识别错误或字体加载失败，需依次执行：一、手动设为UTF-8并锁定；二、清除网站数据与缓存后硬重载；三、禁用智能字体映射；四、修复@font-face声明合规性（补全format()、配对font-weight/font-style）。
当你在Safari中打开某些网页时，标题变成方块、中文段落堆叠错位、标点符号显示为问号或乱码字符，这不是网页本身损坏，而是Safari在解析文本编码或加载字体资源时中途失败，导致渲染链路断裂，系统被迫回退到不兼容的默认字体和编码规则。
确认是否为文本编码识别错误
第一步：在乱码页面按 Command + Option + I 打开开发者工具 → 切换到“网络”标签页 → 刷新页面 → 在筛选框输入 fonts.googleapis.com 或你网站实际使用的CDN域名。
第二步：查看该字体请求的状态码。若出现 0 (blocked)、403 (Forbidden) 或响应体为空，说明字体资源根本未送达浏览器；若状态为200但字体预览区文字仍是方块，继续下一步。
第三步：点击该字体请求 → 右侧选“字体”子标签 → 观察“已加载字体”列表是否为空，或显示“未应用任何字体”。若为空，基本可锁定是字体未注入DOM或@font-face规则被Safari静默丢弃。
手动切换并锁定UTF-8文本编码
当网页未声明或错误声明charset，Safari会依据系统语言环境（如繁体中文macOS）默认启用Big5或GB2312解析UTF-8字节流，造成“简→繁”映射错乱、字符边界崩塌、换行失效。
1、在Safari顶部菜单栏点击“显示” → “文本编码”。
2、从下拉列表中选择Unicode (UTF-8)，观察页面是否立即恢复对齐与可读性。
3、若有效，进入“Safari > 设置 > 高级”，勾选“在菜单栏中显示‘开发’菜单”，再返回“高级”标签页，将默认文本编码设为Unicode (UTF-8)。
禁用智能字体映射功能
该选项在繁体中文系统语言环境下默认开启，会强制将网页指定的繁体字体（如PingFang TC、Microsoft JhengHei）替换为简体字体（如PingFang SC），导致字形缺失、笔画错位、异体字丢失。
方法一：打开Safari → “设置” → “高级” → 取消勾选使用字体映射表来改善网页字体显示。
方法二：若你正访问的是简体中文网页却被转成繁体显示，此操作能直接切断映射逻辑，还原原始UTF-8字节对应的简体字形。
清除网站数据与强制重载字体资源
缓存中可能残留由错误编码解析生成的损坏CSSOM或Web Font子集（如woff2中仅包含繁体字形的glyph表），导致后续加载持续沿用错误字形映射。
1、点击“Safari” → “设置” → “隐私”。
2、点击“管理网站数据”，在搜索框中输入问题网页的域名（如example.com）。
3、选中该域名条目，点击“移除”；若不确定来源，可点击“全部移除”。
4、返回“隐私”标签页，点击“清空缓存”并确认。
5、关闭Safari进程（右键Dock图标 → “退出”），重新启动后按住Option键并点击地址栏左侧刷新按钮，执行硬性重载（Hard Reload）。
修复@font-face声明合规性
iOS/iPadOS Safari 15+及macOS Safari 16+对@font-face校验极为严格，任意一项缺失即整条规则被静默丢弃，字体不会加载，也不会报错提示。
方法一：补全format()并分离字重声明
打开网页源码或Elements面板，找到CSS中的@font-face规则。如果只写了src: url('inter-medium.woff2');而没写format('woff2')，【iOS/iPadOS Safari 15+及macOS Safari 16+会直接忽略该条规则】。必须改为：src: url('inter-medium.woff2') format('woff2');。若同时提供woff2和ttf，不能合并写，要拆成两条独立声明，每条都带对应format值。
方法二：强制配对font-weight与font-style
比如你引入的是Inter Medium（字重500），但@font-face里只写了font-weight: 500;，没写font-style: normal;，那么后续用font: 500 16px "Inter";时，Safari因匹配不全而放弃加载——【漏写font-style会导致font简写声明完全失效】。必须显式补上font-style: normal;或font-style: italic;，且值要与实际字体文件元数据严格一致。
