同一段文字在 Mac 上看着正常,Windows 上明显偏粗或偏细。乍看像缓存或者权限的锅,追下去往往不是。
body { font-family: 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif; }
strong { font-weight: 600; }
追下去是这么回事:所用字族没有对应字重的字形,浏览器用合成加粗代替,视觉差异明显。
「字体粗细异常」相关的日志我一般连着看前后五分钟,单看一条报错经常判断不出是哪一步失败。验证用真实数据走一遍,测试数据太干净,边界情况根本碰不到。
能分两步做的操作就别合成一步,中间看一眼返回值,出问题好判断。报错里带路径的,先去看那个路径在不在、权限对不对。
同一份配置存在多处的,先确认改的是被加载的那一份。新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。
备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。
具体做法是,确认字体包含所需字重;声明完整字体族回退链;避免依赖合成加粗。
验收就看一点,两个平台文字粗细接近设计稿,无发虚的合成加粗。