From the course: Responsive Typography Techniques

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Maintaining line lengths for comfortable reading across screen sizes

Maintaining line lengths for comfortable reading across screen sizes - CSS Tutorial

From the course: Responsive Typography Techniques

Start my 1-month free trial

Maintaining line lengths for comfortable reading across screen sizes

“

Actively setting type for good readability has become something we need to examine continually with responsive web design. In this tutorial we'll cover why reading length is important and which CSS properties have the greatest effect on the readability of our content. In typographic terms the factors that affect how comfortable it is to read a certain passage of text are the size of the type, the leading or the vertical spacing between lines, and the measure, which is the horizontal length of each line. To put these in CSS terms, that would be the font-size that controls the size of the letters, the line-height controls the leading, and the width of our container, whatever is containing our text, would be considered the measure. Web designers tend to use both the typographic and CSS terms interchangeably, so it's helpful to be familiar with both. Typically when these are discussed in traditional typography, or even in the context of fixed-width web pages, these are considered…

Contents