How to avoid Font Awesome loading/"jumping" when opening a page?

Question

I am using Font Awesome for icons on my website, but looks like the icons show up a bit later than the page content (especially noticeable in Firefox, in Chrome and IE it is a bit better):

Is there any way to avoid loading/"jumping" like this when opening a page?

Tried async and not async versions.

https://stackoverflow.com/questions/4712242/wait-for-fonts-to-load-before-rendering-web-page — degr, Dec 29 '17 at 10:28

score 4 · Accepted Answer · answered Dec 29 '17 at 10:31

4

I switched to CSS version instead of JS, looks like it solved the issue.

answered Dec 29 '17 at 10:31

Alex P.

3,697
9
45
110

Probably a good idea to download it too, rather than use the CDN. – gornvix Oct 18 '20 at 21:59

How to avoid Font Awesome loading/"jumping" when opening a page?

1 Answers1