To set the new font in Visual studio code follow the path given below:
Open VSCode -> Go to File option -> Preference -> Setting
You will come Here
There is a Font Family option where you can put your font name which you want.
To get the font’s you can go to Google fonts for a huge number of collections.
This font cannot get reflected on your website as it is restricted for VSCode only.
But to use different fonts on the website or application you can use
HTML link tag or you can download on your folder and use it.
Firstly, Select your Favourite font from google fonts.
You can download it or use as link in html file.
<link href="https://fonts.googleapis.com/css2?family=Roboto:[email protected]&display=swap" rel="stylesheet">
You can use more than one font for your project.
All the very best for your HTML and CSS journey.