How To Use Google Fonts In VS Code (2024) Guide

Рет қаралды 20,619

5 ай бұрын

Welcome to learnaiwithbibhu ! In this tutorial, I'll guide you step-by-step on how to elevate your coding environment by importing and using Google Fonts in Visual Studio Code. Customizing the typography of your code can enhance readability and add a personal touch to your projects.
🔗 Helpful Links:
Google Fonts: fonts.google.com/?source=sh%2...
Visual Studio Code: code.visualstudio.com/
👍 Don't forget to like, share, and subscribe if you found this tutorial helpful! Let me know in the comments if you have any questions or if there's a specific tutorial you'd like to see next. Happy coding! 🚀🖋️
Music :
Song: Bike Box
Artist: Kia
Music by: CreatorMix.com
#VisualStudioCode #GoogleFonts #CodingTutorial #WebDevelopment #TypographyTips #CustomFonts #CodingEnvironment

Пікірлер: 40

@Timepass-xb2yb Ай бұрын

Thank you brother This truely helped me a lot

@anime_for_fun_007 Ай бұрын

Thank u bro.. Love you so much.❤❤❤❤

@ManishSingh-mf8yl Ай бұрын

Previously, we were able to choose specific font weights, but now it seems that all font weights are being provided in Import. Please confirm whether the option to select specific font weights still exists.

@srthacker 2 ай бұрын

THANKS BRO

@lovingly_RealMarCos Ай бұрын

Tnks bro✨

@fearmamba Ай бұрын

Thank you

@jonathanromero3034 4 ай бұрын

thanks bro

@daliama 3 ай бұрын

Thank you thank you thank you thank you thank❤❤❤❤❤❤❤❤

@gamerom9136 15 күн бұрын

LIKE AND SUB TO HIS YT!!! so helpful bro thx

@paulalba9244 3 ай бұрын

Amazing video...but quick question. How do I select, say, just 2 or 3 font weights from a particular font? Do I choose the full axis value or use the one value and pick the 2 or 3 I need.

@learnaiwithbibhu 3 ай бұрын

In google font website while importing ?

@amanpandey942 3 ай бұрын

no sir he want to say how can we select 2 or 3 font weights from a particular font not all weights ...In past we select only 2 or 3 font weights by our need

@ZEN_Mythixcalz 3 ай бұрын

i am currently using a chromebook so what options do I need to download??? bcos they don't have a Chromebook download option there so what do I do?

@learnaiwithbibhu 3 ай бұрын

For VS Code or other purpose? Well for using VS code you just the code from the import section & paste it in the CSS file. For fonts setting in ChromeBook:- Go to the Edit toolbar and select the Font menu. Choose More Fonts so that additional fonts can be added. Let's meet know it that solves your query. Thank you so much for commenting ☺️. Please consider subscribing if that solved your problem.🙏

@baaghimichaelcreation7653 4 ай бұрын

Thanks bro....

@learnaiwithbibhu 4 ай бұрын

My pleasure 😊. Please do me a Favour by Subscribing my KZfaq channel. It will be really helpful for making Valuable Content.

@anil9883 Ай бұрын

bro voice over ke liye konsa tool use kiya??

@learnaiwithbibhu Ай бұрын

Eleven labs

@GG-vp2zi 3 ай бұрын

THX BRO

@learnaiwithbibhu 3 ай бұрын

You're welcome, if that helped you then please support my channel by subscribing 🙏 . That will really mean a lot l.

@learnaiwithbibhu 3 ай бұрын

You're welcome, if that helped you then please support my channel by subscribing 🙏 that will really mean a lot.🥹

@GamerNineX 3 ай бұрын

Bro i wanna gff devanagari regular font but this Font isn't available Get embed code of this font plz reply ❤

@learnaiwithbibhu 3 ай бұрын

Solution 1:- Now, there are some specific exact fonts not available in Google Fonts but you can use identical fonts like "Anek Devanagari" instead of Devanagari regular fonts. Solution 2:- Or you can do customised set-up for the by downloading the font and set it up. Hope that solves your problem. Make sure you like& subscribe! So at this point

@anonymousVersion Ай бұрын

Thanks you bro, i watch ur video from pakistan... and yoo?🤭

@learnaiwithbibhu 29 күн бұрын

Thank you so much 🙏

@def1sR 4 ай бұрын

How to select 400 and 700 weight? The option is gone, do I need to do this manually now, really?

@learnaiwithbibhu 4 ай бұрын

Thank you so much for commenting! In CSS file or style tag, all you need to type "font-weight" property which you don't usually need to type import from Google fonts. From Google fonts you just need to import the font-family and the rest you can do in CSS file in VS code as usual. Hope that cleared your query! Please do Subscribe if that solved your query and help this channel grow because I use to make content on AI tools.

@naldimokad1173 3 ай бұрын

bro,have u found the answer?

@nishakeshri3112 2 ай бұрын

I don't get the result

@learnaiwithbibhu 2 ай бұрын

Please follow the steps carefully. It will work👍. It worked for others.

@ashsharp1985 20 күн бұрын

The result is fonts will take you further than you ever though possible. You know the saying cover your tracks? It is now cover your fonts. 131 Fonts

@MuhammaddiyorMurodov-fq5wc 5 күн бұрын

how to select tho?

@learnaiwithbibhu 10 сағат бұрын

@@MuhammaddiyorMurodov-fq5wc Thanks for commenting! Just go to Google fonts, search your preferred font then just copy from the import section and paste it to vs code. Well in the video I have shown the way that worked for me.😊