> 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="/files/xyyeVhkqkUfjsB1r8Ouh" alt=""><figcaption><p>Landing page with Outfit Google Font</p></figcaption></figure>
