宝贝详情页设计,新媒体设计等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
});
代码在大多数现代流行的浏览器中测试通过,个别小众浏览器,低端浏览器除外。