Skip to content
Avatar of vercelvercel/examples

Handling custom web fonts

Learn how to load custom web fonts without compromising performance.

Framework
Use Case
Handling custom web fonts

Loading custom web fonts

This example shows how to load custom web fonts without compromising performance.

Demo

https://solutions-loading-web-fonts.vercel.app

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/loading-web-fonts

Next, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).

Handling custom web fonts
Avatar of vercelvercel/examples

Handling custom web fonts

Learn how to load custom web fonts without compromising performance.

Framework
Use Case

Loading custom web fonts

This example shows how to load custom web fonts without compromising performance.

Demo

https://solutions-loading-web-fonts.vercel.app

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/loading-web-fonts

Next, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential