Detecting Fonts Ready

Knowing when resources are loaded is a key part of building functional, elegant websites. We re used to using the DOMContentLoaded event (commonly referred to as "domready") but did you know there s an event that tells you when all fonts have loaded? Let s learn how to use document.fonts!

<代码>文件fonts 物体特征aready,如果真菌装满,即为可证明:

// Await all fonts being loaded
await document.fonts.ready;

// Now do something!  Maybe add a class to the body
document.body.classList.add( fonts-loaded );

自动卷宗数量可能相对较大,因此,你永远不能假定其装载量迅速。 1 见await/code>,document.fonts.ready。 回答!