### Install Geist Font via npm

Source: https://github.com/vercel/geist-font/blob/main/readme.md

Install the Geist font family package using npm. View the npm README for full instructions.

```bash
npm i geist
```

--------------------------------

### Add a Changeset for Release

Source: https://github.com/vercel/geist-font/blob/main/CONTRIBUTING.md

Navigate to the 'packages/next' directory and run this command to add a changeset. This is required for changes that should be released. Ensure dependencies are installed first.

```bash
cd packages/next
# If you haven't installed dependencies already:
pnpm install
pnpm changeset
```

--------------------------------

### Install Geist Font Package

Source: https://context7.com/vercel/geist-font/llms.txt

Install the `geist` npm package into your Next.js project. Requires Next.js version 13.2.0 or higher.

```bash
npm install geist
# or
pnpm add geist
# or
yarn add geist
```

--------------------------------

### Next.js Pages Router Font Setup

Source: https://context7.com/vercel/geist-font/llms.txt

For Next.js projects using the Pages Router, apply Geist fonts globally in `_app.js` by including their variable classes in a wrapper element.

```jsx
// pages/_app.js
import { GeistSans } from "geist/font/sans";
import { GeistMono } from "geist/font/mono";

export default function MyApp({ Component, pageProps }) {
  return (
    <main className={`${GeistSans.variable} ${GeistMono.variable}`}>
      <Component {...pageProps} />
    </main>
  );
}
```