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.

🔗Code GIST: https://gist.github.com/prof3ssorSt3v3/be4984e9b3c6f4bd6d43d2e80100f6db

🔗Google Fonts: https://fonts.google.com/

🔗Font Matching site: https://meowni.ca/font-style-matcher/

Tutorial by Steve Griffith. Check out his YouTube channel: https://www.youtube.com/channel/UCTBGXCJHORQjivtgtMsmkAQ

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

source

21 Comments

  1. 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!

  2. 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

Leave A Reply

Please enter your comment!
Please enter your name here