Text & Fonts | CSS | Tutorial 8

Share

Summary

This tutorial covers how to control text and fonts in CSS. Learn about changing text color, font size, font family, font style, font variant, and font weight to customize the appearance of text on your website.

Highlights

Introduction to Text Control in CSS
00:00:00

This section introduces the importance of controlling text appearance on websites using CSS. It highlights how CSS can manage text color, font, and style.

Coloring Text
00:00:44

Learn how to change the color of text using the 'color' attribute in CSS. Any color value can be used to set the text color.

Controlling Font Size
00:01:13

The 'font-size' attribute allows control over the text size. It discusses using pixels (px) as a unit and recommends 'em' as a more flexible, relative unit that scales with the user's default browser settings.

Specifying Font Family
00:02:41

This part explains how to select specific fonts using the 'font-family' attribute, similar to word processing software. It also emphasizes the importance of using web-safe fonts and providing backup fonts (like generic serif or sans-serif) in case the primary font is not supported by the browser.

Changing Font Style: Italics
00:05:31

The 'font-style' attribute is introduced, with 'italic' being presented as a common way to style text. It demonstrates how to make text appear in italics.

Using Font Variant: Small Caps
00:06:00

This section demonstrates the 'font-variant' attribute, specifically using 'small-caps' to display text in capital letters that vary in size based on their original case.

Setting Font Weight: Bold
00:06:25

The 'font-weight' attribute is explained, focusing on making text 'bold'. It also mentions that all these text properties can be combined to achieve diverse text appearances.

Recently Summarized Articles

Loading...