如何更改 Visual Studio Code 中的字体？

问：

这是我的代码。我做类似 let font 的事情吗？在开始时，然后在预加载部分中的某些内容？我希望它是一种沙漠主题类型的字体。

let scene = 0;
let img1;
let img2;
let img3;

function preload() {
img1 = loadImage('Baby Armadillo.png');
img2 = loadImage('Mama Armadillo.png');
img3 = loadImage('Apricot.png');
}  

function setup() {
createCanvas(1000, 800);
}

function draw() {
background(200, 125, 85);

switch (scene) {
case 0:
  displayScene0();
  break;
case 1:
  displayScene1();
  break;
case 2:
  displayScene2();
  break;
case 3:
  displayScene3();
  break;
 }
}

function mouseClicked() {
scene++;
}

function displayScene0() {
fill(255);
textSize(50);
textAlign(CENTER);
text("Welcome to the Desert Maze Game!", width / 2, height / 2);
textSize(20);
text("Click to Continue", width / 2, height - 50);
}

function displayScene1() {
fill(255);
textSize(25);
textAlign(CENTER);
text("Oh no! Mama Armadillo needs your help bringing apricots to her baby!", 500, 200);

// Display the image at the center of the canvas
image(img1, 650, 500, 300, 300);
image(img2, 100, 250, 300, 300);
image(img3, 325, 400, 100, 100);

textSize(20);
text("Click to Continue", width / 2, height - 50);
}

function displayScene2() {
fill(255);
textSize(15);
textAlign(CENTER);
text("You must navigate the apricots through the maze and bring it to the baby or else it will go           hungry!", width / 2, height / 2);
textSize(15);
text("Click to Continue", width / 2, height - 50);
}

function displayScene3() {
fill(255);
textSize(20);
textAlign(CENTER);
text("Click to begin your trial!", width / 2, height / 2);
textSize(20);
text("Click to Continue", width / 2, height - 50);
}

/**

• 优素福添加图片步骤：
• 1. 查找图片所在的位置。
• 2. 然后 Ctrl + C 它。
• 3. 然后知道 VSCode 文件夹的位置并在文件资源管理器中打开它
• 4. Ctrl + V 在那里。 */

我尝试将我喜欢的下载字体与其他所有内容一起放入我的 Visual Studio 文件夹中，但工作室代码说它是不受支持的 （zip） 文件类型。