Google Fonts Tutorial: Add custom fonts to your website

Want to use Web Fonts to make your pages look better? Google Fonts is your best option.

This tutorial covers how you can use the website to embed fonts in any website you build.

--

[krop]

Thanks! I was creating a page that will be seen on both desktop and mobile. However, on mobile all the fonts were missing. I didn't really want to create a separate CSS stylesheet - I'm not a webdev and wanted to keep it super simple. The Import part was very useful. The video was pitched at just the right level. Great job!

[Farhadahmed]

I want to know if I've downloaded the fonts, then how'd I deal with the font-weights?

[jashankbhatia]

Can anyone help me how should I upload/add adobe fonts with there tag and CSS to Shopify?

[tjvdos]

great stuff...


could you dial it down a bit. wish i were as code savvy as you.
so using the method you can edit fonts on a google site? how do i embed the code? could you make a video about changing fonts on google sites, like a tutorial for dummies?



Thanks

[aebek]

can you add the font-weight from your css that you don't selected from the google font website, does it work?
good explanation I like the font-matching website .

[nowherels]

Thank you so much! I was trying to find a way to make all my capital letters a different font and this video cracked it for me!

[ibrahimmudassar]

how do you get your webpage to automatically change based on your code?

[milanpavlovic]

No more + signes on font families. No idea how to select entire font family now. All I can do is select family members - styles, one by one

[MusicandGame]

Weird, when i use Font-family Custom font is not work, but google upload link and add to my css file, it's work, anyone know why??

[yogeshsoni]

hey developer, you purchased macos but using Google Fonts.

[mohamedadelameen]

how the fuq but how 69k views and 22 comments

[prsion]

Did I heard a pure British accent??? isn`t` it???