正文中文是黑体,逗号句号却明显偏细,放大到 200% 看字形完全不一样,中英文混排时最扎眼。日志里能对上时间点,这种反而好排。

@font-face 的 unicode-range 只覆盖了汉字区,中文标点落在 U+3000 到 U+303F,没被包含,浏览器就退回系统字体取字形。标点看着是小事,混排时很明显。这一点先确认清楚,后面就不用反复试。

@font-face {
  font-family: 'CJK';
  src: url('cjk.woff2') format('woff2');
  unicode-range: U+4E00-9FFF, U+3000-303F, U+FF00-FFEF;
}

「unicode-range 分段」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。能分两步做的操作就别合成一步,中间看一眼返回值,出问题好判断。

报错里带路径的,先去看那个路径在不在、权限对不对。同一份配置存在多处的,先确认改的是被加载的那一份。

新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。

处理上按这个顺序:把 U+3000-303F 和全角标点区补进 unicode-range;中英文各自的字体声明分开写 别指望一个范围全覆盖;改完在正文里找一段带引号顿号的文字对比字形。

结果对不对很好判断,正文标点和汉字字形一致,放大到 200% 也看不出混用。

作者 9823189