Install Google Fonts

A quick introduction into using any Google font within your website.

The screencast looks at how you go about selecting fonts on Adding them to your website and then using them inside your stylesheet.

Running time: 1:36

Want to become a better web developer?

Join over 25,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.


  1. Thanks for sharing these tips! I am sure your tips really helpful!

  2. A big thank you for the video, this is most helpful, and will use this in my new projects

  3. very cool. thanks jake! just what i needed.

  4. This is a very powerful tool to have in your web design toolkit! Great article / video! Thanks for sharing.

  5. For someone new to website design, this is a great, easy guide. THANK YOU!

    • stop spamming man, linking your link in other links like this does not work any more

  6. I have used Google fonts and I’d have to say it takes care of every font that I needed. And it’s free too!

  7. This demonstration was very helpful. Thank you.

  8. Hey Jake, Thank you for sharing this tutorial on Google Fonts. Sometimes it’s easy for us to forget little things like this. I tend to use a WordPress plugin these days but this is awesome. Thanks again.

    • Thank you for this great valuable video, Jake. Where can we get more tips?

  9. I really love open sans and roboto, those are the best fonts to use

  10. BOOM! Thanks for that! Probably the best instruction I’ve seen so far 🙂

  11. Awesome tips I learned a lot in a short amount of time.

  12. Jake, That was a great video tutorial on Google Fonts. I have several sites and we tend to steer towards using WordPress Plugins as well. Your a role model for sharing such good info.

  13. Another great web design tool tip. Thank you.

  14. There are a wide variety of Google Fonts that you can download for Free. These Fonts not only make your site look more beautiful but also enhance the speed and performance of your web page. Great article. Thanks for sharing the video!

  15. Never know how easy to install fonts for website. Why have I not found you early…

  16. Finally it turned out to install these *ucking fonts.

  17. This demonstration was very helpful. A big thank you for the video, this is most helpful, and will use this in my website

  18. These tips are awesome! Putting a google font into your website never crossed my mind. And after watching the video, it makes me want to apply this once I get to make a website again. It looks so cool and awesome, thank you so much for sharing these interesting tips!

  19. You have shared helpful tips and a big thanks for the video.

  20. Much appreciated to guys you have best information about the google fonts and its installing process learnt here many important things keep it up guys!!!

  21. Thanks for this amazing post keep sharing these type of post

  22. Sublime text!! A great web design tool. Nice and easy video instructions too.

  23. It is a useful video tutorial. Instructions are clear in the video. Thanks.

  24. Thanks for the tutorial, It was really helpful!

  25. Thanks for the helpful tips and advices.

  26. Thanks for sharing all of your experiences!

This post currently has 28 responses. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *