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

Question

我创建了一个新的 next.js 项目并添加了 CSS nextui 的库，似乎我可以更改文档上的字体系列，但是没有这方面的示例，以及 Idk 做什么和如何做。

我在其他平台和网站上搜索，找不到任何东西。

以前有人遇到过这个问题吗？

Answer 1

不确定这是否是正确的方法，但它对我有用。 转到您的 pages/_app.js 并将其添加到您的 imports 下：

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',
})

希望有帮助！