Fluid Web Typography

From Box to Grid

Grids are a time-honored method for achieving regular structure and consistency within a Web page and between pages on a Web site. For typography, the grid becomes important when considering the right font sizes for the space available. As mentioned in Chapter 4, readability is partially dependent on not allowing columns to stretch too wide or condense too small.

For Web design, the grid is not only useful, but it is the default way the page is structured. While print designers can easily create elements of any two-dimensional shape, every element in a Web page created using HTML tags has an intrinsic box around it. Although non-rectangular shapes can be placed within, the basic element shape is always a rectangle. These rectangular ...