javascript 如何动态引导web字体文件

宝贝详情页设计，新媒体设计等web应用中，需要一次性引导大量字体文件.woff。引导时，大量字体文件导入到前端必定耗时直接影响网页性能，本文给出javascript动态引导字体的方法可快速提高前端效率，避免网页延时。

实现代码：

var prefont = new FontFace(‘方正综艺’, ‘url(font/fzzy.woff)’);
prefont.load().then(function(loaded_face) {

		document.fonts.add(loaded_face);
	 	document.body.style.fontFamily = document.body.style.fontFamily+'"'方正综艺'"';
	 				}).catch(function(error) {
		//console.log(error);// error occurred
	});

代码在大多数现代流行的浏览器中测试通过，个别小众浏览器，低端浏览器除外。

应用案例