Topic 1: Font Properties
There are six properties that relate to font styling. These are: font-family, font-size, font-style, font-weight, font-variant, and font. Font-family allows you to set the font for the element that’s being displayed. Usually, you set a font family for the entire page. When using font-family, you want to make sure you use font stacks, especially if you use a font downloaded on your device. Font stacks allow you to have fallback fonts for the user just in case your original font does not show up.
Topic 2: Text Properties
Text properties help to style and format your text. This is helpful for having the text follow the rules of typography. The most useful properties are text-indent, letter-spacing, word-spacing, text-decoration, text-align, line-height, text-transform, and vertical-align. Text-indent allows for indenting the first line of text within a box, and it can have positive or negative values. Positive values move the line towards the right and negative move the line towards the left. The same goes for the word-spacing property, which just changes the spacing between the words.
Topic 3: Web Fonts
Web fonts allow you to use fonts from the web for your website and it does not require the user to have the font you choose downloaded onto their device. This is because the fonts are downloaded from a web server. You can specify a web font three ways: using a host font library like google fonts, a pre-packaged @font-face kit, or generating a @font-face kit from your own font using Font Squirrel. Using a hosted library is a quick way to get more fonts onto your webpages that allows every viewer to see your page as you intended it.