PERF-002medium SeverityPerformance, Assets & Bundle Optimization
Web Fonts Self-Hosted or Preloaded via next/font
AI templates drop multiple heavy Google Fonts @import statements in globals.css, blocking first contentful paint by 1-2 seconds.
1-Click Fix Prompt for Cursor & Claude Code
Review my codebase for "Web Fonts Self-Hosted or Preloaded via next/font" (PERF-002). Issue: AI templates drop multiple heavy Google Fonts @import statements in globals.css, blocking first contentful paint by 1-2 seconds. Remediation required: Use next/font/google or next/font/local to automatically self-host and zero-layout-shift fonts. Please: 1. Locate any occurrences of this issue across my repository. 2. Refactor the code to follow production standards without breaking existing functionality. 3. Provide a clear command or step to test and verify the fix.
Why AI Assistants Write This Bug
AI templates drop multiple heavy Google Fonts @import statements in globals.css, blocking first contentful paint by 1-2 seconds.
AI code generation prioritizes immediate syntax execution over production edge cases. When an assistant hits an undefined variable or strict type error, it frequently takes the path of least resistance rather than implementing standard pre-launch security patterns.
Code Comparison
Common AI Code PatternVulnerable
// Vulnerable AI-generated pattern for: Web Fonts Self-Hosted or Preloaded via next/font
// Problematic pattern: AI templates drop multiple heavy Google Fonts @import statements in globals.css, blocking first contentful paint by 1-2 seconds.Launch-Ready Fix
// Production-ready fix for: Web Fonts Self-Hosted or Preloaded via next/font
// Recommended remediation: Use next/font/google or next/font/local to automatically self-host and zero-layout-shift fonts.Remediation & Verification Checklist
Remediation: Use next/font/google or next/font/local to automatically self-host and zero-layout-shift fonts.
- Search your codebase for pattern matching "Web Fonts Self-Hosted or Preloaded via next/font".
- Apply the recommended remediation: Use next/font/google or next/font/local to automatically self-host and zero-layout-shift fonts.
- Run local build and test commands to ensure no regressions.
- Verify in your browser or with curl that the issue is resolved.
Audit All 108 Checks in One Click
Checking items one by one takes hours. Let us do it in 2 minutes.
With the Founder Pass ($15 one-time), we automatically scan your repository for this issue, plus all other 107 launch checks across secrets, Stripe webhooks, Supabase RLS, and security headers.