In this lesson, we'll focus on typography, the art of arranging text on a page. In particular, we'll look at how to style fonts with CSS to make them legible and appealing and how to add external...

If you've ever used a formatted word processor, chances are that you probably also used a feature that allowed you change the "type of font" you were typing in. The phrase "type of font" refers to ...

You've probably noticed bold text in websites you use, especially in news or text-heavy sites. It's common to bold important headings or keywords. In CSS, we can style bold text with the [...]...

The [...] property can also be assigned a number value to style text on a numeric scale ranging from 100 to 900. Valid values are multiples of 100 within this range such as [...] or [...] . ...

You can also italicize text with the [...] property. [...] The [...] value causes text to appear in italics. The [...] property also has a [...] value which is the default.

You can also increase the spacing between words in a body of text, technically known as word spacing. To do so, you can use the [...] property: [...] The default amount of space between wo...

You've learned how to increase the spacing between lines of text and words, but it's possible to get even more detailed: increasing the spacing between individual letters. The technical term for a...

Text can also be styled to appear in either all uppercase or lowercase with the [...] property. [...] The code in the example above formats all [...] elements to appear in [...] , regardl...

No matter how much styling is applied to text (typeface, size, weight, etc.), text always appears on the left side of the browser. To move, or align, text, we can use the [...] property. [......

Another property that we can set for text is [...] . This property modifies the leading of text. The diagram to the right helps illustrate exactly what the terms "leading" and "line height" m...

We often modify [...] to make text on a web page easier to read. When text is styled to appear larger, the vertical spacing between lines of text can decrease, creating text that is difficult to ...

You've learned a lot of properties to modify text on a web page! In the next exercise, you'll set some text to be serif and some text to be sans-serif. What exactly do these words mean? 1....

What happens when a stylesheet requires a font that is not installed on a user's computer? Most computers have a small set of typefaces pre-installed. This small set includes serif fonts like Times...

With the number of fonts available with modern typography, it is unrealistic to expect users to have all fonts installed on their computers. New fonts are often centralized in directories made avai...

When we have the link to the font of our choice, we can add the font to the [...] section of the HTML document, using the [...] tag and the [...] . Let's take a look at a few examples: 1. ...

There are other ways to link non-user fonts that don't require the use of the [...] tag in the HTML document. CSS offers a way to import fonts directly into stylesheets with the [...] property....

We can then use the fonts in the stylesheets as you would use any other font. Let's practice loading an external font in our stylesheets using the [...] property, and using the font to style our ...

While Google Fonts and other resources can broaden font selection, you may wish to use an entirely different font or abstain from using a font from an external service. We can modify our [...] ...

Great job! You learned how to style an important aspect of the user experience, typography. Let's review what you've learned so far: Typography is the art of arranging text on a page. Tex...