我创建了一个新的next.js项目并添加了css nextui库,似乎我可以更改文档上的字体系列,但没有这样的示例,我知道该做什么以及如何做。我在其他平台和网站上搜索,什么也找不到。以前有人遇到过这个问题吗?
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 ', }, },})
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',})
import { styled } from '@nextui-org/react'
const StyledApp = styled('div', {
fontFamily: 'serif',
希望这能有所帮助!
1条答案
按热度按时间rsaldnfx1#
我不确定这是否是正确的做法,但这对我很管用。转到您的页面/_app.js并将其添加到您的导入下面:
然后在要应用字体的组件周围创建一个带样式的div:
希望这能有所帮助!