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

Question

我创建了一个新的next.js项目，并添加了CSS 下半部的库，我似乎可以在文档中更改字体系列，但是没有这样的例子，也不知道该做什么和如何做。

我在其他平台和网站上搜索，什么也找不到。

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

Answer 1

不知道这是不是正确的方法，但它对我有效。转到您的页面/_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',
})

希望这能帮上忙！