Topic 1 – Fonts
There are three main sources for applying fonts to a web page. These include the fonts installed on the device, fonts from Typekit or Google, and fonts on the web server. Fonts that installed on the device include those that are readily available. Fonts from Typekit or Google are taken from third-party sites. Once these fonts are downloaded, the link tag is used in order for the fonts to appear on the page. Fonts on the web server use the @font-face rule.
Topic 2 – Text Properties
Text properties encompass properties such as text-indents, letter-spacing, word-spacing, etc. Text indents use the text-indent tag. When this tag has a positive value, the text moves to the right. Using the letter-spacing tag increases or decreases the space between letters. Positive tag values create more space between letters, while negative values decrease the space. The word-spacing property is similar to the letter-spacing property. The main difference is that instead of space between letters, it determines the amount of space between words.
Topic 3 – Stylin’ Text
It is important to remember the rules of typography when applying text to a web page. The text on each page should have a sense of rhythm and flow. To increase the readability of text, a grid format can be used. Each element on a page corresponds to the grid layout.