图表字体是微软雅黑正文是苹方 字族该在哪一层统一

图表里的数字和站内正文并排看一个偏粗一个偏细，字号差 2px，Windows 上是微软雅黑 Mac 上又是苹方，行高也对不齐。碰到这种情况，我一般先确认改动有没有真的生效。

原因不复杂，ECharts 的 textStyle 没指定 fontFamily，canvas 用浏览器默认字体，不继承页面 CSS。各系统默认字体不同，观感就分叉。

「图表字体不一致」相关的日志我一般连着看前后五分钟，单看一条报错经常判断不出是哪一步失败。日志级别临时调高可以，记得改回去，长期开着既占磁盘又掩盖真问题。

textStyle: {
  fontFamily: '-apple-system, "PingFang SC", "Microsoft YaHei", sans-serif',
  fontSize: 12
}

权限不要一口气开到最大，先加到够用再往上试，范围小才好收。把复现步骤压到三条以内，交给同事也能跑出来，才算真的定位清楚。

改动写完就同步给同事，下一个人踩同一个坑，成本还是你的。

具体做法是，在全局 textStyle 里指定与站点一致的字族；字号按图表层级分两档 不要每处单独写；两个系统各截一张图对比字重和行高。

最后用这个标准收尾，Windows 和 Mac 上图表字体与正文一致，字重接近。