| CSS Font and Text Wizard v1.0 | |
|---|---|
| font-family: | |
| font-weight: | |
| font-size: | <-- --> |
| font-variant | |
| font-style | |
| line-height | <-- --> |
| text-transform | |
| text-indent | |
| text-align | |
| letter-spacing | |
| word-spacing | |
| text-decoration | |
CSS gives you great control over the way your text is displayed. You can change the text size, color, style, and more. You probably already knew how to make text bold or underlined, but did you know you could resize your font using percentages? Let us begin the lesson with an easy and important font attribute, color! Although the color of the text seems like it would be part of CSS Font, it actually is a standalone attribute in CSS. This could be for many reasons, including the fact that it will be used a great deal, so why make the coder type out "font-color", when they could just type out "color" instead? Here's an example of changing the color of your font. Font families can be divided into two groups: serif and sans-serif. A sans-serif font does not include the small lines at the end of characters, while a serif font does include these small lines. When choosing which kind you prefer, remember that studies have shown that sans-serif fonts are much easier to read on a computer monitor than serif fonts.