How to wait for all the fonts to load on a webpage using JavaScript?

Originally posted here! Many times we may want to do some work after all our fonts are loaded on a webpage. We can do this using the document.fonts object. The object returns another object called FontFaceSet in which you can find the ready property...