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
	});

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

应用案例

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值