Premium Features

Download Video

Typography and Font Styling

Published 3 months ago

Getting the right fonts onto your site is tricky at first, but can have a huge impact on how professional your site looks.

If you ever need a good site to obtain free, professional-grade fonts, I'd almost always recommend using https://fonts.google.com/. This is my go-to site for using premium-level fonts on all of my projects because of how simple the fonts are are to get setup with.

All you need to do is select which font you'd like to use, then copy the generated <link> tags Google provides into your site's <head></head> tag.

Once your font is imported, you can reference it using CSS' font-family property which specifies which font family an HTML tag should use when rendered onto a browser.

Other typography properties you should know are font-size, letter-spacing, text-decoration, and text-transform. We'll be covering all of these in depth, along with how to import the Google fonts mentioned above into your project.

Comments

Want to participate?

Create a free Chris Courses account to begin

Login

No comments yet, be the first to add one

Cheat Sheet Preview

Download The Official Chris Courses HTML5 Canvas Cheat Sheet

Essential canvas syntax at your fingertips.

Download Now

Providing the lift to launch your development career

© 2021 Chris Courses. All rights reserved.