Skip to content

Find version of font-mfizz that satisfies Lighthouse report. #155

@dwenzlick

Description

@dwenzlick

Describe the bug
This is a follow-up to #147 . I was able to fix the Lansing Code font, but I could not fix the other font mentioned in the report. The font in question is from 'https://cdnjs.cloudflare.com/ajax/libs/font-mfizz/2.4.1/font-mfizz.min.css', referenced in /www/nuxt.config.js

From Chrome's Lighthouse report:

image

To Reproduce
Steps to reproduce the behavior:

  1. Open https://lansing.codes in a new Chrome Incognito window
  2. Open Chrome DevTools
  3. Select the Lighthouse tab
  4. Check "Performance" and "Desktop"
  5. Run the audit

Expected behavior
The website text should appear immediately using a system font and then switch to the web font once it finishes downloading.

See Ensure text remains visible during web font load for details about fixing this issue.

After the fixes are applied, the Lighthouse audit should not red-flag this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions