#Dynamic Google Font Import

1 messages · Page 1 of 1 (latest)

quick edge
#

We have a multi tenant platform using the same code base. Our clients are using different fonts so we are seeking a way to selfhost the fonts without using next/font dynamically per site.
We fetch in the layout information about the site which include site.font_heading and site.font_body.

Find a simple way to selfhost all Google Fonts.

young hearthBOT
#

Hi @quick edge. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Based on the information extracts provided, Next.js offers a built-in font optimization feature using next/font. However, it seems that you are looking for a way to self-host Google Fonts dynamically per site without using next/font. Unfortunately, the provided extracts do not contain information on how to achieve this specific requirement.

For more information on using next/font and font optimization in Next.js, you can refer to the following sources:

If you still need a solution for your specific use case, I recommend exploring the Next.js documentation and community resources for more information.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

Optimizing: Fonts

Optimize your application's web fonts with the built-in next/font loaders.

Next.js 13

Next.js 13 introduces layouts, React Server Components, and streaming in the app directory, as well as Turbopack, an improved image component, and the brand new font component.