diff --git a/packages/next-docs/pages/index.module.css b/packages/next-docs/pages/index.module.css index 5f54341197..d542caef56 100644 --- a/packages/next-docs/pages/index.module.css +++ b/packages/next-docs/pages/index.module.css @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'); + .heroContainer { container: hero / inline-size; width: 100%; @@ -13,7 +15,8 @@ .hero h2 { font-size: clamp(2.75rem, 7cqi, 3.75rem); - font-family: Inter; + font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', + Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 600; line-height: 4.25rem; @@ -28,7 +31,8 @@ } .subtitle { - font-family: Inter; + font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', + Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; @@ -38,7 +42,8 @@ } .title { - font-family: Inter; + font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', + Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1.75rem; font-style: normal; font-weight: 600;