Generat an example Next.js pagethat uses 4 different fonts with each 2 variants on the page with nextjs font sytem
I'll create a Next.js page that demonstrates 4 different Google Fonts, each with 2 variants, using the Next.js font system 1.
This example demonstrates the Next.js font system with 4 different Google Fonts, each showcasing 2 variants 12:
variable option for flexible styling 2The page showcases each font in dedicated cards and then combines them in a realistic layout example, demonstrating how different fonts can work together effectively in a real application.