Understanding Text Layout

Chapter 1, Understanding Text Layout reviews the basics of laying out text in word processors and websites, and introduces much of the technical terminology used to describe text.

The links below will open the live example files or high-res PNG or JPEG screenshots in a new browser tab. Alternatively, you can download the entire collection as a zip archive or fork it as a GitHub repository. Be sure to read the O’Reilly Media policy on the use of example code.

• Figure 1-1 (languages vs. scripts):
  • SVG file
  • screenshot
• Figure 1-3 (characters vs. glyphs):
  • SVG file (not all fonts may be available on your system)
  • screenshot
• Figure 1-4 (font families, in Thai text):
  • SVG file (not all fonts may be available on your system)
  • screenshot
• Figure 1-5 (vector vs. bitmapped fonts, with hinting and aliasing):
  • screenshot collage

Return to the main table of contents.