苹果字体 PingFang SC 的一些踩坑记录

曾经在 《为 Windows 系统替换优雅的苹果字体》中提到可在 Windows 中使用苹方字体替代默认的微软雅黑,这里就有一个问题即需要在 Wondows 下安装苹方字体 —— 如果你的字体安装错误,很有可能导致你的浏览器或其他应用出现乱码。

浏览器乱码

出现这个的原因主要是站点使用了 PingFang SC 的字体设置。

body {
    font-family: PingFang SC,microsoft yahei,sans-serif;
}

我们可以看到使用 F12 检查源码模式把 font-family 中的 PingFang SC 去掉后即可显示正常。

字体安装后不起作用

这里就涉及一个 萍方 vs 苹方 vs PingFang 区别的一个问题。

猛地看上去,萍方/苹方/PingFang 应该是同一个字体。但是,实际上的效果,却并不相同。那么,到底谁是真正的 pingfang sc呢?

这里以能否以 PingFang SC 为名称识别出来,作为标准。为什么这么说呢?因为网页里面的 font-family,写的都是 pingfang sc,也许萍方/苹方都是差不多的字体,但是不能在网页里面自动识别出来。所以,就等于零。

body {
   font-family: PingFang SC,microsoft yahei,sans-serif;
}

比如,上述 css 定义,就来自于腾讯云主页。在实际的应用过程中,只有安装好的 pingfang sc 系列字体才能被识别【如下图中的右侧字体】。注意:萍方/苹方,在安装的时候,文件名也都是 pingfang-sc 之类的文件名。但是,安装完成的真正成品,可不是这个拼音名字。进而导致字体不能识别。

解决方案

参考 《由 pingfang sc 字体缺失,所暴露的字体加载顺序的潜规则》 一文的方案。

安装 PingFang SC

名称为 PingFang SC (英文) 的字体找了很久才在 GitHub 翻到一个:shenweiyan/PingFangSC-Fonts,如有需要可以直接下载安装。

国内大多数网页,在定义网页字体的时候,都是先定义 PingFang SC,然后定义微软雅黑。那么:

  • 正常来说,win 系统是不会安装 PingFang SC 字体的,所以,显示微软雅黑,页面正常。
  • 但是,一旦单独安装了 PingFang SC Light,页面就会识别出这个 Light 字体,页面不正常。
  • 解决方案是:再安装一个 PingFang SC Regular,页面会在 Light 之前优先识别 Regular,页面正常。

如果您非要在 win 下面安装 pingfang sc 字体,可能要三思而后安装了。李鬼似乎有点多…

删除 PingFang SC

个人用的就是这一个方法,但是在 C:WindowsFonts 中删除的时候会提示 该字体正在使用无法删除!所以,必须要关闭使用苹方字体的程序。

因此,我们需要:

参考《电脑安装新字体,浏览器字体全变了,如何删除正在使用的苹方字体》 – 哔哩哔哩

  • 在 Windows 任务管理的进程中把浏览器相关的全部结束掉,如 360 浏览器相关的进程、Microsoft edge、Google Chrome 等等,全部选择结束任务。
  • 把其他可能使用苹方字体的,如 OneNote、WPS、微信、… 这些的进程也全部结束掉。

最后,回到 C:WindowsFonts 中再次删除相应的苹方字体,发现即可成功删除。删除了这些苹方字体,浏览器上的字体显示也就恢复正常了。

参考资料

  1. 苏南大叔,《由 pingfang sc 字体缺失,所暴露的字体加载顺序的潜规则》
  2. 科技猎手2023,《电脑安装新字体,浏览器字体全变了,如何删除正在使用的苹方字体》 – 哔哩哔哩
阅读全文
下载说明:
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.shuli.cc/?p=20682,转载请注明出处。
0

评论0

显示验证码
没有账号?注册  忘记密码?