Morioh
Login
Sigmund Schinner

Sigmund Schinner

3 years ago

The steps we made was

  1. Finding the right font

  2. Converting the font all font formats

  3. Add all of these fonts fo our public/fonts folder

  4. Add font faces to our styles/global.css file

  5. Change used font family to our font name in body css selector

#react #nextjs

How to add Self-Hosted Fonts to a Next.js App

javascript.plainenglish.io

How to add Self-Hosted Fonts to a Next.js App

Fonts are very important assets in web development. Let’s see how we can use custom fonts or self hosted fonts in Next.js.

10.85 GEEK