> For the complete documentation index, see [llms.txt](https://docs.shipped.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shipped.club/other/google-fonts.md).

# Google Fonts

Next.js provides an easy way to include any Google Font into a website.

Shipped is currently configured to use Inter.

This is how, and how you can change it.

{% code title="src/app/layout.tsx" %}

```tsx
import { Inter } from "next/font/google";

const inter = Inter({ subsets: ["latin"] });

/* ... */

<body className={inter.className}>
    <Providers>{children}</Providers>
</body>

```

{% endcode %}

If you want to change the font family, you can do for instance

```tsx
import { Outfit } from "next/font/google";


const outfit = Outfit({ subsets: ["latin"] });

/* ... */

<body className={outfit.className}>
    <Providers>{children}</Providers>
</body>
```

<figure><img src="https://3985976695-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT3t4pDs63s3Soj1JetJw%2Fuploads%2FFiNUDuqpfnYSMFxcUGik%2Fimage.png?alt=media&amp;token=995b6d70-50ab-4d0e-b83d-3989329b8272" alt=""><figcaption><p>Landing page with Outfit Google Font</p></figcaption></figure>
