为什么 Chrome 在服务器上渲染字体大小与本地不一致？

本地开发使用一台 13 Macbook Pro（2009）。生产环境运行在 Heroku 上。

  1. 1. 字号在 CSS 中设为 1.2em（ = 14px）
  2. 2. 在本地开发环境中 Chrome 显示为 14px
  3. 3. 在本地开发环境中 Safari 显示为 14px
  4. 4. 在生产环境中 Chrome 显示为 14.44444465637207px
  5. 5. 在生产环境中 Safari 显示为 14px
  6. 6. 在生产环境中另一台 Mac 上 Chrome 显示为 14px