CS396: Winter 2022

Intro to Web Development

CS396: Winter 2022

CSS Resources > 4. Text & Fonts

Login to LinkedIn Learning via Northwestern

Font & icon resources

Common text properties

.body-copy
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    color: #999;            // font color
    text-align: left;       // left is default
    letter-spacing: 1.5em;  // space between letters
    line-height: 120%;      // space between lines
    word-spacing: 5px;      // Space between words (usually default is good)
    font-size: 1.1em;       // for responsive design, use em units
}
Typography for the web 2:59
Changing the font family 2:28
Font-weight and font-style 3:06
Web fonts with @font-face 2:58
Web fonts with Google Fonts 1:56
Project: Google Fonts 4:03
The font-size property 4:24
Font shorthand 1:50
Text-decoration, text-align, and line-height 3:57
Project: typography styles 4:07

Demo