js怎么监听字体下载完成？

Question

现在做一个项目，然后有一个loading，loading就是在加载图片，字体等静态资源，但是我怎么判断字体有没有下载完成呢？目前是这样使用的@font-face {font-family: 'FZZZHUNHJW';src: url('../../assets/font/FZZZHUNHJW.ttf');}跪求各位大佬指点下

Answer 1

document.fonts.ready.then(function() {  // 字体加载完成后的逻辑});