了解何时加载资源是构建功能强大、优雅的网站的关键部分。我们习惯于使用DOMContentLoaded事件（通常称为“domready”），但您知道有一个事件会告诉您所有字体何时加载完毕吗？让我们学习如何使用document.fonts ！
document.fonts对象具有一个ready属性，它是一个表示字体是否已加载的 Promise：
// 等待所有字体被加载 等待 document.fonts.ready； // 现在做点什么！也许在正文中添加一个类 document.body.classList.add('字体加载');
字体文件可能相对较大，因此您永远不能假设它们加载得很快。一个简单的await from document.fonts.ready给你答案！
Detecting Fonts Ready帖子首先出现在David Walsh Blog上。
