Storybook 和主应用程序的字体看起来不同

Question

Storybook 和主应用程序（Webpack 的开发服务器）之间的字体看起来不同。字母在宽度方向上占用的空间似乎更小，而且看起来更粗。

它们的计算样式是相同的（通过 Chrome 的 DevTools 进行肉眼比较）。它们也都包装在相同的组件中，只是提供给 Redux 的存储不同（仅包含 4-5 个不相关的变量）。

什么可能使 Storybook 看起来有所不同？

主要应用：

故事书：

Answer 1

我遇到了同样的问题，结果发现这是因为以下 css 属性，我还必须将其添加到故事书 global.css 中：

body {
  -webkit-font-smoothing: antialiased;
}