如何在JavaScript中更改文本的字体族

这是JS代码，它会产生像手写一样的动画效果，我想改变字体系列。我尝试了很多来改变它，但是失败了。我已经添加了谷歌字体系列的链接，并添加了一个标题部分。如何更改字体系列

<script>
    var fontsize = 72;
        if (window.screen.width > 700)
            fontSize=50;else if (window.screen.width > 1200)
                fontSize = 90;
            var vara = new Vara(
                "#container-animation",
                "https://raw.githubusercontent.com/akzhy/Vara/master/fonts/Satisfy/SatisfySL.json",
            [
            {
                text : "Laser",
                y : 150,
                fromCurrentPosition: {y:false},
                duration:6000,
            },
            {
                text : "Lorem Ipsum",
                y : 150,
                fromCurrentPosition: {y:false},
                delay:3000,
                duration:3000
            },
            {
                text : "Whole-food, quality recipes you can easily make at home",
                y : 150,
                fromCurrentPosition: {y:false},
                delay:3000,
                duration:4500
            },
            ],
            {
                strokeWidth: 2,
                fontSize:fontSize,
                color: "#fff",
                textAlign:"center"
            }
            );

        vara.ready(function(){
            var erase= true;
            vara.animationEnd(function(i, o){
                if (i=="no_erase") erase = false;
                if(erase) {
                    o.container.style.transition = "opacity 1s 1s";
                    o.container.style.opacity = 0;
                }
            });
            })
</script>

var-fontsize=72；
如果（window.screen.width>700）
字体大小=50；否则如果（window.screen.width>1200）
字体大小=90；
var vara=新vara(
“#容器动画”，
"https://raw.githubusercontent.com/akzhy/Vara/master/fonts/Satisfy/SatisfySL.json",
[
{
文字：“激光”，
y:150，
fromCurrentPosition:{y:false}，
持续时间：6000，
},
{
文字：“Lorem Ipsum”，
y:150，
fromCurrentPosition:{y:false}，
延误：3000，
持续时间：3000
},
{
文字：“全套食物，你可以在家轻松制作的优质食谱”，
y:150，
fromCurrentPosition:{y:false}，
延误：3000，
持续时间：4500
},
],
{
冲程宽度：2，
fontSize:fontSize，
颜色：“fff”，
textAlign：“居中”
}
);
vara.ready（函数（）{
var=true；
vara.animationEnd（函数（i，o）{
如果（i==“无擦除”）擦除=false；
如果（删除）{
o、 container.style.transition=“不透明1s”；
o、 container.style.opacity=0；
}
});
})

这里有一个简单的函数，它包含两个参数：

• 元素选择标准（id、类等）作为字符串
• fontFamily字符串

所有选定的元素都将其

字体系列

设置为传递的字符串（如果未定义fontFamily字符串，则默认为“Arial、Helvectia、sans serif”）

函数changeFontFamily（selString，fontString）{
var element=document.querySelectorAll（selString）；//元素列表
//如果元素存在并且定义了fontstring，则更改，否则添加一些默认值；
element.forEach（函数（e，idx）{e.style.fontFamily=（fontString）？fontString:'Arial，Helvetica，sans-serif'；}）；
}
测试1.1
测试1.2
测试2.1
测试2.2
测试2.3

“我曾尝试过很多次去改变它，但都失败了”，这并不能说明你所面临的问题。“我需要紧急帮助”-如果你创建一个脚本并准确解释：你遇到的问题是什么，期望的输出是什么。嗨，Ramsha，试试谷歌的“javascript更改fontFamily”，会很容易。这里有一个例子。请阅读-总结是，这不是一个理想的方式来解决志愿者，可能会适得其反获得答案。请不要将此添加到您的问题中。为了能够给出正确/完整的答案，您需要发布一篇文章，因为现在我们只能猜测用于更改“字体系列”的代码/变量。什么是“瓦拉”？？据我所知，“Vara”有自己的字体样式（使用SVG路径制作），无法更改。。。签出：很难按照您当前的缩进…实际上，我想在同一代码中添加字体系列。就像我想更改文本部分一样，本文中的任何内容更改其字体系列{text:“Lorem Ipsum”，y:150，fromCurrentPosition:{y:false}，delay:3000，duration:3000}，类似地：{text:“Laser”，y:150，fromCurrentPosition:{y:false}，duration:6000，}，在其中我想更改“Laser”的字体系列