How to Change Font Family & Set Fonts in VSCode IDE
0 views
Jul 3, 2025
Get the full source code of application here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you how to
0:04
change the font family inside your VS
0:06
code or how to set whatever font that
0:09
you download from internet inside your
0:11
VS code. So now to for setting the font
0:15
you simply go to the settings and inside
0:18
this search bar simply type here font
0:21
and uh as you can see we are using the
0:25
font here which is dank mono which I
0:27
installed it on my system. We are using
0:29
multiple fonts. This is the structure
0:31
here. In single quotes, you write the
0:34
first font which need to be used, comma,
0:36
the second font, the third font, fourth,
0:39
fifth.
0:40
This is the first way. And uh the second
0:43
way you can edit your user setting file
0:46
right as well and just search here
0:49
editor dot font family. And here you can
0:53
set actually the font family. So we are
0:56
using quite a number of phones which is
0:58
dank mono operator mono separated by
1:01
comma in single quotes and double quotes
1:03
right here. So we are using
1:07
eight phones right here. So in this easy
1:08
way if you have some custom phones
1:12
already available inside your system you
1:14
can put a property here editor dot phone
1:16
family and then it will change the
1:18
overall font.
1:20
Let's suppose I remove this
1:23
dag mono. I remove this. So now my
1:27
font will be changed. If I also remove
1:29
this as well, instantly the font will be
1:33
changed. So in this easy way, you
1:36
actually change your fonts
1:38
by going to your settings file and just
1:41
writing this editor font family. And you
1:44
can also add this font weight as well,
1:46
which is set to normal.
1:49
So, thank you very much for watching
1:51
this video and also check out my website
1:53
freemediattools.com
1:55
uh which contains thousands of tools.
#Software
#Software Utilities