Flash of unstyled content when the page is refreshed about aijs.rocks HOT 7 CLOSED

Actually @osamajandali after a bit of research I "think" it's that we need to use typography.toString() instead of injectStyles()?

See... KyleAMathews/typography.js#113

from aijs.rocks.

as me and @jawache talked, I think it's an issue with not putting google font link in the head so on every refresh it has to load it again.
I will add link on react helmet and should be tested again on live.

from aijs.rocks.

Hey FYI @osamajandali i'm still seeing the FOUC issue :/ also there are a few fonts that are not loading in production!

from aijs.rocks.

I think the build doesn't copy these file, I will take a look

from aijs.rocks.

Actually, i'm not sure that's the problem any more, I can't see the google font in the head of the page, so i think it's still downloading the google font from the JS.

from aijs.rocks.

the thing is that this is not the google font, this is icons font.. something I made like font awesome thing that I told you about if you could remember.

from aijs.rocks.

Oh yeah I think the fontello issues might not be the cause of the flash :/ just maybe some separate caching

I remember you said that you could have it so you add the google fonts directly in the HTML and not have gatsby add them with javascript, I don't think it would flash if the google fonts were added in the head since the font would already be downloaded by the time the rest of the page loads.

from aijs.rocks.