Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix font/icon flicker on initial page load #12

Open
meganesu opened this issue Feb 27, 2020 · 1 comment
Open

Fix font/icon flicker on initial page load #12

meganesu opened this issue Feb 27, 2020 · 1 comment
Labels
bug Something isn't working

Comments

@meganesu
Copy link
Owner

meganesu commented Feb 27, 2020

When the page first loads, there's a brief flicker of the sans-serif fonts and giant FontAwesome icons. This is probably because the fonts and icons aren't done being loaded. This issue is to remove that flickering effect.

Further investigation:

  • Icon flickering only seems to happen when opening the built HTML (i.e., not in develop mode).
  • Icon flickering only seems to happen in Firefox. Tested the live site in Safari and Chrome but couldn't reproduce, even when simulating a slower network speed. (Chrome suppressed rendering until the content was loaded, which Firefox doesn't seem to do.)
@meganesu meganesu added the bug Something isn't working label Feb 27, 2020
@meganesu
Copy link
Owner Author

Apparently this issue is referred to as "flash of unstyled content" (FOUC).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant