Developer-DAO/developer-dao-dot-com

[Bug]: Logo and font blinks on initial-initial load

andriishupta opened this issue · 4 comments

What happened?

When you open the site without cache, somewhy fonts blink, and the logo shows a broken placeholder

Screen.Recording.2022-08-11.at.12.00.23.mov

Possible problem: Next.js doesn't load fonts correctly but takes them to the browser website
It needs investigation, such I am not sure how Next.js works with Initial Paint.

How to reproduce the bug?

  1. Open a new incognito tab
  2. Visit the website
  3. Observe
  4. Reload - with cache, everything is ok

What browsers are you seeing the problem on?

  • Firefox
  • Chrome
  • Safari
  • Microsoft Edge

What device type(s) did you see the problem on?

  • Desktop
  • Mobile
  • Tablet

What operating system(s) did you see the problem on?

  • macOS
  • Windows
  • Linux

Additional information

No response

Low priority; could be marked as a good first issue, such as it is more of reading docs and doing small tweaks in code

are you seeing this on the new deployment? https://developer-dao-dot-com.vercel.app/

yes, with emptying cache and hard reload you should also see

image

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 15 days