Lazy Loading Local Fonts

[programming-with-ia]

Summary

How can I lazy load local fonts dynamically in Next.js based on user settings?

I want to:

• Load a font only when the user setting requires it (lazy loading fonts)
• Dynamically switch fonts when the user changes the setting without loading all fonts upfront

Is there a recommended approach or best practice for this?
Are there examples or existing solutions for loading local fonts lazily or on-demand in Next.js?

Additional information

No response

Example

No response