#How to pre-load custom local font with NextJS ?

3 messages · Page 1 of 1 (latest)

lavish venture
#

I want to use a custom local font with .ttf files in my app. But I don't know the best practice of doing this. I know that next js has its own font optimizing guide: https://nextjs.org/docs/basic-features/font-optimization And it seems very different from the guide provided by Mantine: https://mantine.dev/theming/mantine-provider/ which is using a global css and put it inside MantineProvider. How to combine them and preload my custom .ttf fonts in Mantine? Is there any examples of loading custom .ttf fonts?

Optimizing loading web fonts with the built-in @next/font loaders.

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

digital sandal
lavish venture