In our multi-tenancy app (a web page editor), users can select from 100 available fonts, with each page potentially using multiple fonts. By default, all 100 fonts are being loaded, which significantly increases the bundle size. We are looking for a solution to dynamically load only the fonts in use on each page, while maintaining Next.js’s font optimization features to prevent unnecessary font downloads. Any insights or recommendations would be greatly appreciated!
Hey, @rishikeshazon987-gma! Nice to have you here 
Thanks for asking in the community - I actually went ahead and asked v0 with some top recommendations and it gave back some good ideas (with code snippets!) Want to give the a go?
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.