When the page first loads, there's a flash while the font is fetched from google. There is a way to suspend the text rendering until that font is fetched, and also make sure that it's cached locally so it doesn't have to fetch the next time.

I haven't looked into this too deeply yet, but this seems like a good place to start:

• https://solutions-loading-web-fonts.vercel.app
• https://nextjs.org/docs/api-reference/next/font
• https://nextjs.org/docs/basic-features/font-optimization