Video Tutorials & Demos

• How to add a Google font to your website

Font & icon resources

• https://fontawesome.com/icons
• https://fonts.google.com/

Common text properties

Control how your text looks with these properties. Use font-family to choose typefaces, font-size for size, font-weight for boldness, and spacing properties to fine-tune readability.

.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
}

Demo