【Next】字体修改
next/font 包括任何字体文件的内置自动自托管。首先从 next/font/google 导入您想要使用的字体作为函数。(可以按住 ctrl 点进去 google 查看所有字体)
然后导入该字体函数组件,并调用函数,该函数的 className 作为 html 的 className 属性即可全局修改字体样式。
import {Inter, Noto_Sans_Rejang} from 'next/font/google'
// If loading a variable font, you don't need to specify the font weight
const notoSansRejang = Noto_Sans_Rejang({
subsets: ['latin'],
weight: '400'
})
export default function RootLayout({children}: Readonly<{ children: React.ReactNode; }>) {
return (
<html className={notoSansRejang.className}>
<body>
{children}
</body>
</html>
);
}
原文地址:https://blog.csdn.net/XiugongHao/article/details/143868411
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!