i’m thinking that there should be a proper way in 2018 to load fonts & styles etc
i’ve read somewhere about google page speed that it cares only about load speed of the first screen of page
so its recommended to write styles for that first screen in the head of html
so it can fastly load a first screen and then go through your main css file
Haven’t test it yet .. does anybody have a solution for that?
Have a look into the work that Filament Group has done with loadcss and loadjs for asynchronous asset loading.
The other thing you’re talking about is “critical css”. There are extraction/compilation tools you can build in to your workflow, and there are online generators you can try. Check out Google for details.