> ## Documentation Index
> Fetch the complete documentation index at: https://docs.htmldocs.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Custom Fonts
## Using Google Fonts
To use [Google Fonts](https://fonts.google.com/) in your documents, import them in your document's `` component:
```tsx theme={null}
import { Document, Head } from "@htmldocs/react"
function MyDocument() {
return (
Text using Google Font (Inter)
)
}
```
## Using Local Fonts
For local fonts, place your font files in the `/documents/static` directory and use `@font-face` to define them:
All font files must be placed in the `/documents/static` directory of your project. This is the required location for serving static assets in your document templates.
```tsx theme={null}
import { Document, Head } from "@htmldocs/react"
function MyDocument() {
return (