<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Font Fallback on 小景</title>
        <link>https://jingyuan-zheng.github.io/zh/tags/font-fallback/</link>
        <description>Recent content in Font Fallback on 小景</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-Hans</language>
        <copyright>Jingyuan Zheng</copyright>
        <lastBuildDate>Wed, 22 Jul 2026 11:00:00 +0200</lastBuildDate><atom:link href="https://jingyuan-zheng.github.io/zh/tags/font-fallback/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>Safari 中文字体变宋体、显示不统一混用不同字体？完整修复方法，CSS恢复默认苹方黑体</title>
            <link>https://jingyuan-zheng.github.io/zh/p/safari-chinese-font-songti-fallback-fix/</link>
            <pubDate>Wed, 22 Jul 2026 11:00:00 +0200</pubDate>
            <guid>https://jingyuan-zheng.github.io/zh/p/safari-chinese-font-songti-fallback-fix/</guid>
            <description>&lt;img src=&#34;https://jingyuan-zheng.github.io/img/safari-cjk-font-fallback-fix/featured.png&#34; alt=&#34;Featured image of post Safari 中文字体变宋体、显示不统一混用不同字体？完整修复方法，CSS恢复默认苹方黑体&#34; /&gt;&lt;p&gt;本文介绍一个面向 macOS Safari 的中文字体修复方案：下载一个 CSS 文件并在 Safari 中选中它，就能让意外变成宋体的中文恢复为苹方。&lt;/p&gt;&#xA;&lt;p&gt;如果你遇到的是下面这种情况，这个方案通常正好适用：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;同一个网页里，大部分中文正常，部分按钮、导航或正文却突然变成宋体；&lt;/li&gt;&#xA;&lt;li&gt;Chrome 中显示正常，Safari 中却不一致；&lt;/li&gt;&#xA;&lt;li&gt;英文和数字没有问题，只有中文字体看起来很突兀。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;这通常不是乱码，也不用重装字体或 Safari。可以先直接按下面的方法修复，技术原因放在后面解释。&lt;/p&gt;&#xA;&lt;h2 id=&#34;先把问题解决&#34;&gt;先把问题解决&#xA;&lt;/h2&gt;&lt;p&gt;我为这个问题整理了一个开源方案：&lt;a class=&#34;link&#34; href=&#34;https://github.com/Jingyuan-Zheng/Safari-CJK-Font-Fallback-Fix&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;&lt;strong&gt;Safari CJK Font Fallback Fix&lt;/strong&gt;&lt;/a&gt;。它只有一个 CSS 文件，不需要安装字体或 Safari 扩展。&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;下载项目中的 &lt;a class=&#34;link&#34; href=&#34;https://github.com/Jingyuan-Zheng/Safari-CJK-Font-Fallback-Fix/blob/main/safari-fix.css&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;&lt;code&gt;safari-fix.css&lt;/code&gt;&lt;/a&gt;。&lt;/li&gt;&#xA;&lt;li&gt;打开 Safari，进入“Safari 浏览器 → 设置 → 高级”。&lt;/li&gt;&#xA;&lt;li&gt;在“样式表”菜单中选择刚刚下载的 &lt;code&gt;safari-fix.css&lt;/code&gt;。&lt;/li&gt;&#xA;&lt;li&gt;使用 &lt;kbd&gt;Command&lt;/kbd&gt;+&lt;kbd&gt;Q&lt;/kbd&gt; 完整退出 Safari，然后重新打开。&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;div class=&#34;post-figure&#34;&gt;&#xA;    &lt;img src=&#34;https://jingyuan-zheng.github.io/img/safari-cjk-font-fallback-fix/fig-safari-stylesheet.webp&#34; alt=&#34;Safari 高级设置中的样式表选择菜单&#34;&gt;&#xA;    &lt;div class=&#34;caption&#34;&gt;图 1：在 Safari“设置 → 高级 → 样式表”中选择 safari-fix.css。&lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;p&gt;只刷新网页可能不会生效，一定要完整退出并重新打开 Safari。以后如果想停用，回到同一个菜单改为“未选择”即可。&lt;/p&gt;&#xA;&lt;p&gt;项目地址：&lt;a class=&#34;link&#34; href=&#34;https://github.com/Jingyuan-Zheng/Safari-CJK-Font-Fallback-Fix&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Jingyuan-Zheng/Safari-CJK-Font-Fallback-Fix&lt;/a&gt;。如果它解决了你的问题，也欢迎在 GitHub 上点一个 &lt;strong&gt;Star&lt;/strong&gt;，让更多遇到同样问题的人更容易发现它。&lt;/p&gt;&#xA;&lt;h2 id=&#34;修复前后有什么区别&#34;&gt;修复前后有什么区别&#xA;&lt;/h2&gt;&lt;p&gt;下面是同一个 B 站页面的实际对比。图 2 是正常的苹方效果，图 3 则是 Safari 意外显示宋体时的效果。&lt;/p&gt;&#xA;&lt;div class=&#34;post-figure&#34;&gt;&#xA;    &lt;img src=&#34;https://jingyuan-zheng.github.io/img/safari-cjk-font-fallback-fix/fig-pingfang.webp&#34; alt=&#34;B 站页面中的中文在 Safari 中正常显示为苹方&#34;&gt;&#xA;    &lt;div class=&#34;caption&#34;&gt;图 2：正常效果，页面中的中文使用苹方。&lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;div class=&#34;post-figure&#34;&gt;&#xA;    &lt;img src=&#34;https://jingyuan-zheng.github.io/img/safari-cjk-font-fallback-fix/fig-songti.webp&#34; alt=&#34;B 站页面中的部分中文在 Safari 中意外显示为宋体&#34;&gt;&#xA;    &lt;div class=&#34;caption&#34;&gt;图 3：异常效果，同一页面中的部分中文变成宋体。&lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;h2 id=&#34;为什么这个方案比网上的常见办法更好&#34;&gt;为什么这个方案比网上的常见办法更好&#xA;&lt;/h2&gt;&lt;p&gt;网上常见的做法，是强制所有网页、所有文字都使用苹方。这样确实简单，但更像是把整个网站的排版重新刷了一遍。&lt;/p&gt;&#xA;&lt;p&gt;它可能带来新的问题：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;网页图标变成方块；&lt;/li&gt;&#xA;&lt;li&gt;代码块失去原来的等宽字体；&lt;/li&gt;&#xA;&lt;li&gt;英文标题和数字也被一并改掉；&lt;/li&gt;&#xA;&lt;li&gt;网站本来有意使用的宋体、楷体或仿宋被错误替换。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;这个项目采用的是更克制的方式：&lt;strong&gt;只补上缺失的中文字体，不接管整个网页的设计。&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;因此，启用后：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;意外变成宋体的中文会优先恢复为苹方；&lt;/li&gt;&#xA;&lt;li&gt;英文、数字、图标和代码字体继续使用网站原来的设置；&lt;/li&gt;&#xA;&lt;li&gt;网站明确选择的宋体、楷体和仿宋仍然保留；&lt;/li&gt;&#xA;&lt;li&gt;普通文字和粗体会使用对应的苹方字重；&lt;/li&gt;&#xA;&lt;li&gt;一个文件即可作用于 Safari，不必为每个网站分别安装脚本。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;它修复的是“意外回退”，而不是把所有网页强行统一成一种字体。&lt;/p&gt;&#xA;&lt;h2 id=&#34;为什么-safari-会突然选到宋体&#34;&gt;为什么 Safari 会突然选到宋体&#xA;&lt;/h2&gt;&lt;p&gt;很多网页首先指定 Arial、Helvetica、Inter 或 Roboto 等西文字体。这些字体能显示英文和数字，却不一定包含中文。Safari 遇到汉字时，只能继续寻找另一种可用字体，有时最终就选到了宋体。&lt;/p&gt;&#xA;&lt;p&gt;这就是所谓的“字体回退”：首选字体没有某个字符时，浏览器自动换用另一种字体来显示。不同浏览器的选择结果可能不同，所以同一个页面才会出现 Chrome 正常、Safari 却变成宋体的情况。&lt;/p&gt;&#xA;&lt;p&gt;这个项目做的事情，可以简单理解为：当常见西文字体缺少中文时，告诉 Safari 优先用 macOS 自带的苹方补上；英文和网页原有的其他字体不动。&lt;/p&gt;&#xA;&lt;p&gt;如果你对实现细节感兴趣，下面是最核心的一小段。它表达的意思是：当 Arial 缺少中文字符时，只用苹方补上指定的中文范围。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;Arial&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;PingFangSC-Regular&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;unicode-range&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;U&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;+&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;3000-303F&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;U&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;+&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;3400-4DBF&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;,&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nt&#34;&gt;U&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;+&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;4E00-9FFF&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;U&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;+&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;F900-FAFF&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;U&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;+&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;FF00-FFEF&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;实际文件还包含粗体、繁体中文、扩展汉字，以及 Helvetica、Roboto、Inter、微软雅黑等常见字体名称的完整规则。&lt;strong&gt;不要只复制上面的示例片段&lt;/strong&gt;，直接下载项目维护的完整 &lt;a class=&#34;link&#34; href=&#34;https://github.com/Jingyuan-Zheng/Safari-CJK-Font-Fallback-Fix/blob/main/safari-fix.css&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;&lt;code&gt;safari-fix.css&lt;/code&gt;&lt;/a&gt; 即可。&lt;/p&gt;&#xA;&lt;h2 id=&#34;隐私与适用范围&#34;&gt;隐私与适用范围&#xA;&lt;/h2&gt;&lt;p&gt;项目只有 CSS，不含 JavaScript，不读取浏览记录、账号或网页内容，不包含统计与遥测，也不会发起网络请求。&lt;/p&gt;&#xA;&lt;p&gt;它面向 macOS 上的 Safari。网页内嵌区域、特殊组件以及图片中的文字可能不受影响；如果网站刻意采用“英文无衬线、中文宋体”的设计，样式表也不一定能百分之百判断设计者的意图。&lt;/p&gt;&#xA;&lt;h2 id=&#34;常见问题&#34;&gt;常见问题&#xA;&lt;/h2&gt;&lt;h3 id=&#34;为什么导入后没有立即生效&#34;&gt;为什么导入后没有立即生效？&#xA;&lt;/h3&gt;&lt;p&gt;请使用 &lt;kbd&gt;Command&lt;/kbd&gt;+&lt;kbd&gt;Q&lt;/kbd&gt; 完整退出 Safari，再重新打开。普通刷新通常不会重新读取用户样式表。&lt;/p&gt;&#xA;&lt;h3 id=&#34;它会把所有宋体都换成苹方吗&#34;&gt;它会把所有宋体都换成苹方吗？&#xA;&lt;/h3&gt;&lt;p&gt;不会。项目保留了明确指定的宋体、楷体和仿宋，只处理本应采用无衬线字体却发生错误回退的情况。&lt;/p&gt;&#xA;&lt;h3 id=&#34;会影响英文-arial-或-helvetica-吗&#34;&gt;会影响英文 Arial 或 Helvetica 吗？&#xA;&lt;/h3&gt;&lt;p&gt;不会。样式表只为中文字符补充苹方，英文字母、数字、字宽和间距仍由原字体处理。&lt;/p&gt;&#xA;&lt;h3 id=&#34;需要安装字体或-safari-扩展吗&#34;&gt;需要安装字体或 Safari 扩展吗？&#xA;&lt;/h3&gt;&lt;p&gt;不需要。苹方是 macOS 的系统中文字体，Safari 本身支持加载用户样式表。&lt;/p&gt;&#xA;&lt;h2 id=&#34;一个小问题也值得被认真修好&#34;&gt;一个小问题，也值得被认真修好&#xA;&lt;/h2&gt;&lt;p&gt;字体回退很少让网页彻底不能用，但它会不断制造细小的视觉跳变。尤其在一整页干净的苹方中突然出现一行宋体时，你很难再假装没有看见。&lt;/p&gt;&#xA;&lt;p&gt;这个项目不试图替网站决定所有排版，只在浏览器缺少合适的中文无衬线字形时，补上更符合 macOS 阅读体验的那一块。一个 CSS 文件，随时启用、随时关闭，也不要求把浏览权限交给扩展。&lt;/p&gt;&#xA;&lt;p&gt;如果你遇到新的 Safari 中文字体回退问题，可以在 &lt;a class=&#34;link&#34; href=&#34;https://github.com/Jingyuan-Zheng/Safari-CJK-Font-Fallback-Fix/issues&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;GitHub Issues&lt;/a&gt; 提交公开复现网址、实际 &lt;code&gt;font-family&lt;/code&gt;、macOS 与 Safari 版本，以及预期和实际字体。请不要附上私人网址、账号信息或浏览记录。&lt;/p&gt;&#xA;&lt;h2 id=&#34;参考资料&#34;&gt;参考资料&#xA;&lt;/h2&gt;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://support.apple.com/zh-cn/guide/safari/ibrw1075/mac&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Apple：在 Mac 上的 Safari 浏览器中更改“高级”设置&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://bugs.webkit.org/show_bug.cgi?id=10874&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;WebKit Bug 10874：CJK 字体选择与语言信息&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.v2ex.com/t/855444&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;V2EX：求一个 macOS Safari 强制使用系统字体的样式表&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;相关阅读&#34;&gt;相关阅读&#xA;&lt;/h2&gt;&lt;ul&gt;&#xA;&lt;li&gt;如果你还想改善 Safari 上的 B 站浏览体验，可以看 &lt;a class=&#34;link&#34; href=&#34;https://jingyuan-zheng.github.io/zh/p/bewlybewly-safari-revival/&#34; &gt;BewlyBewly Safari 下载与安装指南&lt;/a&gt;。&lt;/li&gt;&#xA;&lt;li&gt;如果你厌倦了 B 站、知乎、小红书不断打开新标签页，可以看 &lt;a class=&#34;link&#34; href=&#34;https://jingyuan-zheng.github.io/zh/p/no-new-tab-browser-efficiency-tool/&#34; &gt;No-New-Tab：改回当前页浏览&lt;/a&gt;。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;</description>
        </item></channel>
</rss>
