lansingcodes / www

Events and resources for Lansing coders
https://www.lansing.codes
Other
7 stars 16 forks source link

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

Open dwenzlick opened 2 years ago

dwenzlick commented 2 years ago

Describe the bug This is a follow-up to https://github.com/lansingcodes/www/issues/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.