Skip to content

CommitmentJourney.module.css still has a render-blocking remote Google Fonts @import the self-hosting migration missed #1689

Description

@1nonlypiece

src/components/CommitmentJourney/CommitmentJourney.module.css line 1 is @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap'); — a remote, render-blocking Google Fonts import. This directly contradicts the project's completed font self-hosting migration: docs/FRONTEND_ARCHITECTURE.md states fonts are "loaded via next/font/google in src/app/layout.tsx to avoid render-blocking @import of remote Google Fonts stylesheets," and docs/todo/TODO.md (issue #781) has checked-off items "Remove remote Google Fonts CSS @import from src/app/globals.css" and "Add regression test asserting src/app/globals.css contains no fonts.googleapis.com imports." That regression test only scans globals.css, so it never caught this leftover import in a different file. CommitmentJourney is rendered on the public landing page (src/app/page.tsx), so every landing-page visitor still pays for this render-blocking remote font fetch that the self-hosting work was specifically meant to eliminate. Acceptance criteria: delete the @import line (the Inter font is already self-hosted app-wide via next/font/google), and broaden the existing regression test to scan all *.css/*.module.css files under src/ for fonts.googleapis.com, not just globals.css.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions