13 | HOW TO IMPORT NEW FONTS USING HTML | 2023 | Learn HTML and CSS Full Course for Beginners

In this video I will teach you how to import new custom fonts using HTML and CSS. 🙂 Importing custom fonts to your website will make it a lot more unique and interesting.

➤ GET ACCESS TO MY LESSON MATERIAL HERE!

First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon and YouTube Memberships to share improved and updated lesson material, and for a small fee you can access all the material either from my memberships or Patreon, depending on your preference. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful :)

[radicalstihl]

I just spent 4 hours watching videos to do this and you helped me do it in 4 minutes 😂❤ I just subscribed thank you 🎉

[nxmfqtt]

OMG Thank you much for this! I was spending at least 2 hours trying to figure this out.

[dhrfbsb]

between 11-13, so much useful content. Enjoy that you give multiple options, since some companies have restrictions (web design)

[hamidoahmed]

you are the best, your video solved my problem

[notpaps]

Nice one... really nice and torough video

[christian-schubert]

Hey Dani,

This could get you into trouble (at least in the EU).

Google fonts CDN links are not GDPR-compliant, so once you implement them, you are required to ask for your users' consent first (i.e. cookie banner). Hosting the fonts yourself should circumvent that problem.

Since I haven't watched all videos in this playlist yet, I don't know whether you've already addressed this issue elsewhere. If that is not the case, you should DEFINITELY consider making a video on this topic, would certainly make this playlist stand out from rest 😎

[iankim]

I thought you change your channel to a game vlog. Because I see sometime you uploaded some game vlog. Nice to see again your tutorial big help since I saw your channel before.

[aj-dqst]

Google fonts provides 2 variations for Nunito Sans, 7pt and 10pt ttf files. What's the difference b/w them and which is standard one?

[fekrtmido]

Can you pls do a video about how to connect your login page to the shopping cart with order history?

[AddColors]

Does it depend on users’ browsers? For example, if users use MS Edge instead of Chrome, does it still show the font you imported or does it show the default font?

[GhostMFK-JHB]

Hey Dani, thank you so much for this video. How can I try to fix this problem you mentioned here 8:00 as I am now experiencing the same issue where by from the local drive, the font worked, however, it does not work online on the website. Any solution will be much appreciated.

[bladewraith]

Loving these vids. Quick question: I tried to expand the hover effect so that the size is increased, but it also alters the size of the logo....on the hover. How do I avoid that? Or is it because the logo and nva are in the same div. I want this behaviour on all links so I didn't put this in .navigation ul li a{}

a{
cursor: pointer;
-webkit-transition:0.1s;
transition-timing-function: ease-in-out;
transition-delay: 0.1s;
}

[thomas]

idk why but some fonts do not work on vscode for me like realy nothing changed when I changed it to Roboto. like i have the feeling that it ignores the style and just goes to san-serif

[hazex]

im having an issue where when I look up the font im not being given the option to download individual sizes but my project only allows certain sizes to pass inspection. wondering what I could do?

[shahriaralamayan]

8:27 you said hashtag (#) instead of at (@)