Javascript Google Webfonts:加载字体后如何卸载字体?

Javascript Google Webfonts:加载字体后如何卸载字体?,javascript,webfonts,google-webfonts,webfont-loader,Javascript,Webfonts,Google Webfonts,Webfont Loader,目前,我可以使用以下工具轻松加载web字体: 但是,以后是否可以从DOM中卸载字体和添加的元素,使它们不再在页面上使用? 项目Github上的文档没有显示任何提供该功能的选项或方法。您只需使用一个来跟踪对DOM所做的更改,并在需要时删除添加的元素。 下面是一个简单的示例实现: (函数(){ “严格使用”; var addedNodes=[]; var观察者=新的突变观察者(功能(突变){ 突变。forEach(功能(突变){ Array.prototype.forEach.call(mutat

目前,我可以使用以下工具轻松加载web字体:

但是,以后是否可以从DOM中卸载字体和添加的元素,使它们不再在页面上使用?
项目Github上的文档没有显示任何提供该功能的选项或方法。

您只需使用一个来跟踪对DOM所做的更改,并在需要时删除添加的元素。
下面是一个简单的示例实现:

(函数(){
“严格使用”;
var addedNodes=[];
var观察者=新的突变观察者(功能(突变){
突变。forEach(功能(突变){
Array.prototype.forEach.call(mutation.addedNodes,function(node){
添加节点推送(节点);
});
});
observer.disconnect();
});
loader.addEventListener('click',function(){
观察(文件){
儿童名单:是的,
子树:对,
补充节点:正确
});
//两次加载只是为了证明这不是问题
WebFont.load({
谷歌:{
家庭:['Bree Serif']
}
});
WebFont.load({
谷歌:{
家庭:[“独立之花”]
}
});
loader.disabled=true;
remover.disabled=false;
});
remover.addEventListener('click',函数(){
addedNodes.forEach(函数(节点){
node.remove();
});
addedNodes=[];
loader.disabled=false;
remover.disabled=true;
});
}());
正文{
文本对齐:居中;
背景:aliceblue;
}
h1{
字体系列:“独立之花”;
字号:3em;
颜色:卡德蓝;
}
p{
字体系列:“Bree Serif”;
颜色:深红色;
}
输入[禁用]{
显示:无;
}

第一章

脾气暴躁的巫师们为邪恶的女王和杰克酿造有毒的啤酒。

这是我昨天回答的一个问题的死后复制品,提问者在收到答案后删除了这个问题。这可以保持答案的完整性和公开性。那么这是一种在使用100种不同的谷歌字体时保持性能良好的方法吗?
WebFont.load({
    google: {
        families: ['Bree Serif']
    }
});