如何更改NEXTUI上的默认字体系列

b5lpy0ml  于 2022-10-21  发布在  其他
关注(0)|答案(1)|浏览(237)

我创建了一个新的next.js项目并添加了css nextui库,似乎我可以更改文档上的字体系列,但没有这样的示例,我知道该做什么以及如何做。
我在其他平台和网站上搜索,什么也找不到。
以前有人遇到过这个问题吗?

rsaldnfx

rsaldnfx1#

我不确定这是否是正确的做法,但这对我很管用。转到您的页面/_app.js并将其添加到您的导入下面:

  1. import { createTheme } from '@nextui-org/react'
  2. const theme = createTheme({
  3. type: 'dark',
  4. theme: {
  5. fonts: {
  6. sans: 'Comic Sans MS',
  7. mono: 'Andale Mono',
  8. serif: 'Gilda Display ',
  9. },
  10. },
  11. })

然后在要应用字体的组件周围创建一个带样式的div:

  1. import { styled } from '@nextui-org/react'
  2. const StyledApp = styled('div', {
  3. fontFamily: 'serif',
  4. })

希望这能有所帮助!

展开查看全部

相关问题