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

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

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

rsaldnfx

rsaldnfx1#

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

import { createTheme } from '@nextui-org/react'

const theme = createTheme({
    type: 'dark',
    theme: {
        fonts: {
            sans: 'Comic Sans MS',
            mono: 'Andale Mono',
            serif: 'Gilda Display ',
        },
    },
})

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

import { styled } from '@nextui-org/react'

const StyledApp = styled('div', {
    fontFamily: 'serif',
})

希望这能有所帮助!

相关问题