How to load custom *remote* font with Next.js and Vercel? #56684
Unanswered
lancejpollard
asked this question in
Help
Replies: 2 comments
-
I'd also love to learn about this! |
Beta Was this translation helpful? Give feedback.
0 replies
-
you probably might not want to use lazy loading as loading that many fonts is gonna use up all of your memory, as for a cdn there isnt really any good options other than making a free website and using that as a place to hold your fonts |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Summary
I am looking at https://nextjs.org/docs/app/api-reference/components/font and https://nextjs.org/docs/pages/building-your-application/optimizing/fonts but they only show:
What if my font is hosted in an s3 bucket? Or some other remote URL? How can I load it then? I have 10,000 fonts, I think it is too many to load "locally" in a Vercel app, I would prefer to have this many fonts loaded in a dedicated CDN. Something like this would be great:
Or even:
Thanks for your help!
Additional information
No response
Example
No response
Beta Was this translation helpful? Give feedback.
All reactions