UI
字体配置
自定义字体及其使用方法
fonts.ts
文件从Vercel Fonts导入默认的Geist字体,配置适当的子集和CSS变量名称,然后导出一个可以在应用中使用的className
。这个CSS变量随后会被应用到共享的Tailwind配置中。
默认情况下,fonts.ts
导出一个sans
和一个mono
字体,但你可以根据需要配置导出更多字体,例如heading、body、secondary等。你也可以通过简单地替换字体名称来完全替换字体,如下所示:
你也可以加载本地字体。更多信息请参阅Next.js文档。