The document discusses responsive web typography techniques including:
1. Using different font widths according to screen width.
2. Looking for type families that have multiple optical sizes.
3. Using graded fonts to normalize rendering across pixel densities.
4. Adjusting line height, paragraph indentation, white space, and graphic elements based on screen size.
5. Establishing type hierarchies through techniques like ALL CAPS, small caps, and italics matched to screen real estate.
11. Line height for each breakpoint is
adjusted according to the line
length rendered at that
breakpoint. Short line lengths
require tighter line spacing,
because the reader’s eye doesn’t
have to travel much to reach the
next line of text. As line length
gets longer, more line spacing is
required.
Line height for each breakpoint is adjusted
according to the line length rendered at that
breakpoint. Short line lengths require tighter line
spacing, because the reader’s eye doesn’t have to
travel much to reach the next line of text. As line
length gets longer, more line spacing is required.
Line height for each breakpoint is adjusted according to the line length
rendered at that breakpoint. Short line lengths require tighter line spacing,
because the reader’s eye doesn’t have to travel much to reach the next line
of text. As line length gets longer, more line spacing is required.