Storybook字体替换自定义字体

i34xakig  于 2022-10-29  发布在  其他
关注(0)|答案(2)|浏览(267)

描述Bug

storybook字体会覆盖你用"Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; '为body/html字体传递的任何css属性,除非你传递给一个特定的标签,比如h1h2p。然后将要添加的字体作为传递给static文件夹。
如果您想了解更广泛设置的更多细节,请访问public repo

重现

manager.headpreview.head中放入字体,然后添加<style>标签

body { /*This tag determines if it will pass to the element or not*/
    font-family: "Libre Franklin", sans-serif;
}

在主题下,传递

{
    base: "light",
    fontBase: '"Libre Franklin", sans-serif',
}

其他上下文

这里显示的是处理标签的字体,而不是处理正文或HTML的字体。此外,它还要求您使用!important,这通常不是一个好的做法。或者,您可以使用 * 选择器,这也不是一个好的做法。
"带着标签"

"没有标签"

nkoocmlb

nkoocmlb1#

@JacobWeinbren你找到解决这个问题的办法了吗?

xqnpmsa8

xqnpmsa82#

我没有在最后,如果你有这个问题,我的建议是故事书不和谐是非常有帮助的。

相关问题