Add Custom Fonts to Your Websites Using Google Fonts - HTML & CSS Tutorial
In today's video I'll be showing you just how easy it is to include custom fonts in your websites or web applications using Google Fonts. This is a great way to add a professional look to your projects.
Link to Google Fonts:
fonts.google.com/
💜 Join my Discord Server:
/ discord
Support me on Patreon:
/ dcode
Follow me on Twitter:
@dcodeyt
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #html #css
Пікірлер: 102
Super useful! I’m currently making a project webpage to show employers in the near future and honestly this helped out a lot, keep it. 👍
Straight forward and to the point! no back and forth, no wasting people's time friggen around with "possibilities," just exactly what the viewer searched for. Thank you! New sub :)
Simple and clear. Thanks for this! Have just enabled the Karla font on my entire site and it looks so much more professional now.
Just wanted to say thank you, had been working on a project for awhile, and font's made it look 100% better.
Thanks for the video, i been looking for a tutorial for google fonts for a long time. Thanks again.
You made this so simple! Thank you so much! Because of you, me, my ADHD and I got a little work done today!
Thanks for the help, I was always downloading the font and installing it but you told the actual way!!! Thanks again...😁
Thanks Dom, it was extremely helpful.
This was really helpful, thanks!
This helped! Thanks man, you're the best !
this helped me so much! thank you so much
thank you for including the detail about font weights!
Straight and to the point. thanks.
Thanks! this was very helpful!
Hi bro, thanks a lot, I am having an exam tomorrow about Visual Studio & CSS, and this was very helpful! greetings from Argentina!!
You're a life saver my friend. Big up.
Wow. You described just perfectly.
This really helped. Thank you.
Thankyou dude! easy to understand
lucid, thank you so much mate !
loved it!!
Thank you so much it was very helpful.
Thanks mate. Really helpful tutorials! I now type "how to (problem) dcode" into my yt search bar ;)
Thank You very much!
Thank you, as a CSS noob this really helped =)
Thanks a lot dude!!
thanks for the handy tip!
great video! thanks
Thank you!
I learned something new, thanks! Quick question: How will the browser know when to use the italic version of the font?
Thank you so much.
Thank you amigo!
Thanks man!
thanks and love u brother
thankyou so much sir!
very helpful , straight to the point.
@dcode-software
2 жыл бұрын
Awesome, glad it helped you out!
Awesome 👍
Thank you so much! You really helped me!
@dcode-software
2 жыл бұрын
Glad to hear I helped you out, you're welcome 😎
i searched a lot... but finally i did it. thank you
@dcode-software
2 жыл бұрын
Very nice 🙂
Thank you
Thank you so so so so so so so so much
Thank you.
thanks brother
thanks a lot, buddy.
You're a star
Thank a lot bro
thanks good vid
Thanks !!!!
Very informative💖💖😇
Thanks
thank u
Thanks Dom.
Thanku bro
Hey which theme is that? that looks really nice
how do i upload my own custom font online to use like this ?
Thank you so much bro
@dcode-software
3 жыл бұрын
You're very welcome!
thanks
When i took the link and paste it on my HTML it worked... but when i tried to make it use @import url () in CSS it didn't work and showed me that there're three errors!
helpful
And how tf do u get to that black background part to program these fonts
Thanks! You helped a lot! By the way, what's the font you're using on VS Code?
@dcode-software
2 жыл бұрын
You're very welcome! The font is called Roboto Mono.
May I know why I followed exactly what you did but "nothing happens " ? I put the links in my chatbot. Thanks
So We use impor for CSS files, and Link for HTML files, right?
4:19 what if i don't want my h1 to be bold? what if i want my paragraph to be bold?
@tropixz2487
2 жыл бұрын
is bolded :)
What if you want the paragraph bold and the heading not bold?
@sphinxz_gaming
2 жыл бұрын
what do you mean? you mean the paragraph make bold but the head is for the website it links to your main body css
good vid
@dcode-software
2 жыл бұрын
Happy to hear you liked it
something is wrong and I dont even get it, google is giving me the exact same link and font family for every font on the webpage, whenever I copy a font link i notice that its exactly the same link as the other fonts
It didn't work I don't see my font changing :(
WHY DONT I HAVE SELECT THIS STYLE OPTION :((((((((((((((
is there a way I can add all the styles of a font at once, without having to click "add" X number of times?
@Thomas-vd7ez
2 жыл бұрын
exactly what I wanted to know!
Yeah but for example, how do I incorporate Semi-bold 600 italic into my body and Regular 900 into h1, h2, ?? Thats the broth of the soup.
@dcode-software
3 жыл бұрын
Hey, you can use a semi-bold 600 in your BODY tag, then use regular 900 in your H1, H2 (in your CSS)
@anvitpatel1295
Жыл бұрын
If you get that answer please let me know, I am struggling hard for that. and dcode's reply isnt that helpful
didnt work for me
Can't you just import the entire font family?
you did not explain import method
Off topic, did you say your name was DUMB?
Helpful, but this didn't really show how to use with a .css file. My professor is requiring I use @import and I really don't know how to use it lmao
@abodieqwerty4678
Жыл бұрын
at 3:34 click on @import
@onikatanyamirajpetty3818
Жыл бұрын
@@abodieqwerty4678I figured it out once I got to that point, it just confused me at first. Regardless, thank you.
@abodieqwerty4678
Жыл бұрын
@@onikatanyamirajpetty3818 makes sense, you're welcome
.
feels a little..... slow
No. You're going to piss users off. Google fonts sites have connectivity issues on a regular basis(regardless of how Google lies about this fact) and when this happens, the page(s) with Google fonts will hang for your potential users/customers. You've been forewarned.
time waster gfys
why you're takin so much time, but not letting us know immediately a simple damn method, bro? Skip to 2:45
Dumb????? Is that your name?!?!?
@dcode-software
2 жыл бұрын
My name is DOM 😎
I'm sorry but I heard My name is dumb
Thank you!
Thank you
Thanks