如何在反应中接收字体加载事件?

Question

我正在使用react。当在React中使用src中的字体文件时，我如何通过接收字体加载时的事件来改变状态?

Answer 1

你可以使用Font Face Observer库来加载并等待字体加载。你可以这样做:

var font = new FontFaceObserver('My Family');
font.load().then(
() => console.log('Font is available'),
() => console.log('Font is not available')
);