Hello world using Inter font
Hello world using Lora font
Hello world using Source_Sans_3 font with weight 700
My title in Great Vibes font
)
}
```
为了更轻松的访问字体定义文件，你可以在 `tsconfig.json` 或 `jsconfig.json` 中定义路径别名：
```javascript
// tsconfig.json
{
"compilerOptions": {
"paths": {
"@/fonts": ["./styles/fonts"]
}
}
}
```
现在你可以这样使用：
```javascript
// app/about/page.js
import { greatVibes, sourceCodePro400 } from '@/fonts'
```
### 参考链接
1. [Components: Font](https://nextjs.org/docs/app/api-reference/components/font)
2. [Optimizing: Fonts](https://nextjs.org/docs/app/building-your-application/optimizing/fonts)
3.