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

Browser Storybook和主应用程序的字体看起来不同,browser,fonts,storybook,Browser,Fonts,Storybook,Storybook和主应用程序(Webpack的开发服务器)之间的字体看起来不同。字母看起来占用的空间更小,宽度更宽,而且更粗体 它们的计算样式是相同的(通过Chrome开发工具中的eye进行比较)。它们也都封装在相同的组件中,只是提供给Redux的存储区不同(只包含4-5个不相关的变量) 是什么让故事书看起来与众不同 主要用途: 故事书: 你有没有想过这个问题?@lonewarrior556没有,我想没有。然而,它可能只是一种不同的字体,你可以在截图上看到一些字母明显不同。确保在storyb

Storybook和主应用程序(Webpack的开发服务器)之间的字体看起来不同。字母看起来占用的空间更小,宽度更宽,而且更粗体

它们的计算样式是相同的(通过Chrome开发工具中的eye进行比较)。它们也都封装在相同的组件中,只是提供给Redux的存储区不同(只包含4-5个不相关的变量)

是什么让故事书看起来与众不同

主要用途:

故事书:


你有没有想过这个问题?@lonewarrior556没有,我想没有。然而,它可能只是一种不同的字体,你可以在截图上看到一些字母明显不同。确保在storybook的
.storybook/preview head.html
()中加载字体(除非通过JS加载)