Typography Handbook – A Guide to Print Typography

01

Introduction

How print differs from the screen #

Almost everything in the web edition descends from print. Hierarchy, proximity, measure, rhythm – the principles are identical. What changes is the medium, and the medium changes the implementation in four fundamental ways:

The page is fixed. Nothing reflows. There is no clamp(), no breakpoint, no user font-size preference. Every line break, every page break, every orphan is yours – which means every one can, and should, be controlled.
Units are absolute. Print is specified in points (1pt = 1/72 of an inch), picas (12pt), and millimetres. A 10pt setting is 10pt on every copy, forever. Relative units have no meaning when there is nothing to be relative to.
Resolution is effectively unlimited. Offset litho resolves detail far beyond any screen, so print tolerates – and rewards – smaller sizes, lighter weights, finer serifs, and true hairlines that would crumble at 1× screen density.
Ink is physical. Type is not emitted light but pigment soaking into fibre. Paper stock, ink spread, and the press itself become typographic variables. A face that sings on coated stock can clog on newsprint.

The practical consequence: print typography is less forgiving and more controllable. The reader cannot zoom, but you can fix every detail in place. This handbook covers what to do with that control.

02

The Page

Page formats #

Unlike the viewport, the page is chosen, not inherited. The ISO 216 A-series (A4 = 210 × 297mm) dominates documents in Europe; US Letter (8.5 × 11in / 216 × 279mm) dominates North America. The A-series has one elegant property: every size shares the same 1:√2 proportion, so an A4 layout scales to A5 without redrawing.

Books rarely use A-formats. Trade paperbacks cluster around 129 × 198mm (B-format) and 135 × 216mm (demy); choose a format suited to the text, the binding, and the hand.
Decide the format first. Margins, grid, and type size all derive from it – designing the layout before the format is designing in a vacuum.
For anything commercially printed, confirm the format against the printer’s press sheet sizes early. An awkward format wastes paper and money.

Margins and the classical canon #

Margins in print are not residual space – they are where the reader’s thumbs go, where the binding eats into the page, and what gives the text block its position and poise. Print margins are generous by web standards, and they are asymmetric: a bound spread is designed as a pair of mirrored pages, not two independent ones.

The classical starting point is the Van de Graaf canon, the geometric construction behind many medieval manuscripts and revived by Jan Tschichold. It divides the page into ninths and produces margins in the ratio 2:3:4:6 – inner : top : outer : bottom – with a text block that shares the proportions of the page itself:

/* Van de Graaf canon on A4 (210 × 297mm), ninths */

inner   210/9 × 2 ≈ 23.3mm     top      297/9 × 2 ≈ 33mm
outer   210/9 × 4 ≈ 46.7mm     bottom   297/9 × 4 ≈ 66mm

text block: 140 × 198mm — same 1:√2 ratio as the page

You rarely follow the canon literally – a 22% bottom margin is luxurious for most modern work – but its hierarchy holds: inner smallest, then top, then outer, bottom largest. The two inner margins read as one channel across the spread; the large bottom margin stops the block from appearing to slide off the page.
Add extra inner margin for the binding. Perfect-bound books lose 5–10mm into the gutter; what you draw is not what survives the spine.
Single-sided documents – reports, letters, most PDFs read on screen – can use symmetric left/right margins, but keep the bottom margin larger than the top.

Grid systems #

The grid is print’s native technology, formalised in Swiss practice by Josef Müller-Brockmann. A complete print grid has three layers working together:

The baseline grid. A set of horizontal lines spaced at the body leading (say 10.5/14pt → a 14pt grid) running the full depth of the text block. Body text locks to it; headings, captions, and images occupy whole multiples of it. Its quiet superpower is back-up: on thin stock, lines on the front of the sheet align with lines showing through from the back.
The column grid. Vertical divisions of the text block with a fixed gutter (commonly one baseline unit wide). Books need one or two columns; magazines and catalogues typically six or twelve, because 12 divides into halves, thirds, quarters, and sixths.
The modular grid. Columns intersected by horizontal flowlines at baseline multiples, producing fields. Images, captions, and text blocks snap to whole fields. This is the full Müller-Brockmann system, and it is what makes a 200-page catalogue feel like one object rather than 200 layouts.

Derive the grid from the type, never the reverse: choose the body size and leading first, set the baseline grid to that leading, then divide the text block into columns and fields that hold a comfortable measure.

Setting Type

Choosing typefaces for print #

Print frees you from the constraints that dominate web font choice – no loading strategy, no file size budget, no hinting concerns – and introduces its own:

Prefer faces designed for print, at the sizes they were designed for. Many classic text faces carry generous x-heights, sturdy hairlines, and open counters specifically to survive ink on paper. Screen-first faces can look loose and oversimplified in print.
Use optical sizes where the family offers them. A true text cut (roughly 8–14pt) has sturdier strokes, wider spacing, and larger apertures; a display cut (24pt+) tightens spacing and refines detail. Setting a display cut at 9pt produces spidery, under-spaced text; setting a text cut at 60pt looks coarse.
Check the full character set before committing: small caps, oldstyle and tabular figures, fractions, and the language coverage the job needs. In print there is no fallback font – a missing glyph is a missing glyph.
Check the licence. Desktop/print licensing is separate from web licensing, and embedding rights for PDFs vary by foundry.

Size and leading #

Print body text is smaller and more tightly leaded than web body text, and correctly so. A book is held 30–40cm from the eye; paper resolves fine detail perfectly; and a print line sits in a fixed, generous margin structure that needs less internal air.

Body size: 9.5–11.5pt covers most book work; 10 or 10.5pt is the workhorse. Editorial and commercial settings run smaller – 8–9pt is routine with large x-height faces on short measures, the classic Swiss setting. Judge by the face, not the number – a large x-height face at 8.5pt can appear bigger than a small x-height face at 10.5pt. Captions run 7.5–8.5pt; footnotes 8pt; nothing below 6pt should ever carry reading matter.
Leading: specified absolutely, as size/leading – “10.5 on 14” means 10.5pt type with 14pt baseline-to-baseline. Text sizes want 2–4pt above the type size (120–135%); longer measures and larger x-heights need more. Display sizes tighten toward solid (100%) or below.
The leading sets the baseline grid – choose it once, deliberately, because every vertical measurement on the page will be a multiple of it.

/* A typical book spec, as a typesetter writes it */

Body        10.5/14 × 24p   justified, oldstyle figures
Caption     8/10.5          ranged left, lining figures
Footnote    8/11            justified
Chapter     24/28           small caps, letterspaced +60

Measure #

The same law as the web – 45–75 characters per line, 66 as the classic ideal – but in print, you actually get to enforce it. The measure is fixed in picas or millimetres and never reflows. Two print-specific notes:

Multi-column work runs shorter measures comfortably: 40–50 characters per column is normal in magazines and newspapers, because justified setting and narrow gutters keep the eye’s return path short.
Measure, size, and leading are one decision, not three. A wider measure demands more leading; a narrower column tolerates a smaller size. Specimen-test the actual combination on paper – type always looks different printed than on screen.

Justification and hyphenation #

The web edition recommends ragged-right because browser justification is crude. In print the calculus flips: professional composition engines (InDesign’s Adobe Paragraph Composer, T_EX) evaluate whole paragraphs at once, balancing word spacing, letter spacing, and hyphenation across every line simultaneously. Justified setting is the book-trade default – but only because these engines, properly configured, make it good.

Justification needs hyphenation. Without it, the composer can only stretch word spaces, and rivers of white open through the paragraph. Sensible limits: no more than 2 consecutive hyphens, no hyphenation of the last word of a paragraph or across a page turn.
Constrain word spacing tightly – something near 85% minimum / 100% desired / 115% maximum – and allow letterspacing only a hair’s breadth, if at all.
Ragged right is still correct for narrow measures, captions, and anything where hyphenation would be intrusive. Then control the rag: no inadvertent shapes down the right edge, no lone short words, hyphenation off or minimal.
Hunt the leftovers by hand: widows (a paragraph’s last line stranded at the top of a page) and orphans (its first line stranded at the bottom) are fixed in print by editing tracking, the text itself, or the breaks – because in print, you can.

Micro-typography #

Print is unforgiving at reading distance, and the details the web often shrugs off are mandatory here. The conventions, compressed:

Letterspacing: runs of capitals and small caps want added tracking (5–10% of the size) – they are drawn to be spaced. Lowercase never does; Frederic Goudy’s famous threat about people who track lowercase remains in force.
Small caps: use true small caps – drawn to body weight and colour – for abbreviations in running text (NATO, BBC, 3:00 PM). Scaled-down capitals look thin and wrong.
Figures: oldstyle figures in running text, where their ascenders and descenders blend with lowercase; lining figures with capitals; tabular figures – uniform widths – in tables and anywhere numbers must align vertically.
Punctuation: real quotation marks and apostrophes, always. En dashes for ranges; em dashes (or spaced en dashes, the British convention) for breaks in thought. One space after a full stop.
Hanging punctuation: quotation marks, hyphens, and commas at line edges hang slightly into the margin so the text block reads optically flush. InDesign calls this Optical Margin Alignment; it is the mark of carefully set print.
Ligatures: standard ligatures (fi, fl) on, always – at print resolution the collision they prevent is plainly visible.

Production

Colour: CMYK and black #

Screens emit RGB light; presses lay down four translucent inks – cyan, magenta, yellow, and black (CMYK) – as overlapping halftone dots. The CMYK gamut is smaller than RGB, so vivid screen colours, especially saturated blues, greens, and oranges, dull when converted. Proof on paper before approving anything colour-critical.

Black deserves its own rules, because in print there are several blacks:

/* The blacks */

Text black    C0  M0  Y0  K100   body text, always
Rich black    C60 M40 Y40 K100   large solid areas only
Registration  C100 M100 Y100 K100   NEVER for design —
                                     it exists for press marks

Body text is 100K, nothing else. A four-ink black requires all four plates to align perfectly at 10pt – any misregistration produces coloured fringing on every letter. Single-ink black cannot misregister against itself.
Black text overprints. Set small black type to overprint the colours beneath it rather than knocking out, so a hairline of paper-white can never appear around letterforms. Most prepress workflows do this automatically – verify, don’t assume.
Rich black is for large panels and backgrounds, where 100K alone prints slightly grey and washy. Keep total ink coverage within the printer’s limit (often ~300% for coated stock, lower for uncoated).
Spot colours (Pantone) print as a single pre-mixed ink: perfectly consistent, available outside the CMYK gamut, and immune to misregistration – the right choice for brand colour on stationery and covers.

Paper and dot gain #

Paper is a typographic decision. Ink spreads as it hits the sheet – dot gain – and how much depends on the stock:

Coated stock (gloss, silk, matt) holds ink on the surface: minimal gain, crisp hairlines, dense blacks. It tolerates fine serifs, light weights, and small sizes.
Uncoated stock absorbs ink into the fibre: dots fatten, fine details thicken and can fill in. Compensate with slightly larger sizes, sturdier faces with open counters, and avoid delicate hairlines. Newsprint is the extreme case – the reason news faces have large x-heights, robust strokes, and ink traps cut into their junctions.
Reversed-out type (white on solid colour) suffers the opposite failure: ink encroaches into the white letterforms. Keep reversed text ≥ 8pt, prefer a medium weight over light, avoid fine serifs, and never reverse out of a four-colour black on uncoated stock.
Type also simply looks different on cream bookwove than on bright white silk – warmer, softer, slightly heavier. Always proof on the actual stock for anything that matters.

Bleed, trim, and resolution #

Commercial printing is done on oversized sheets trimmed to final size, and the trim wanders by up to a millimetre. Three zones manage that tolerance:

Bleed: any image or colour that reaches the page edge must extend 3mm (1/8in in the US) past the trim line, so a slightly off trim never leaves a white sliver.
Trim: the intended final edge of the page.
Safety margin: keep text and anything critical at least 3–5mm inside the trim – type touching the trim line risks being clipped.

Resolution: raster images need ~300ppi at their printed size (newsprint gets by on less, fine art books want more). Type and logos should remain vector all the way to the press – never rasterise text, and never scale a 72ppi screen grab into a print layout and hope.

05

PDF

PDF/X standards #

The PDF is the unit of exchange between design and press, and a generic “Save as PDF” is not a print-ready file. PDF/X is the ISO family of print-exchange standards – a PDF/X file guarantees fonts are embedded, colour is defined, and bleed/trim boxes are present.

PDF/X-1a – the conservative classic: everything converted to CMYK (plus spots), transparency flattened. Maximum compatibility; ask for it only if the printer specifies it.
PDF/X-4 – the modern default: live transparency, layers, and colour management with RGB workflows allowed. This is what current InDesign export presets produce and what most printers now prefer.
When in doubt: ask the printer for their export preset or spec. Every reputable printer has one, and matching it eliminates an entire category of prepress problems.
Validate before sending – preflight in InDesign or Acrobat, or with the open-source veraPDF – and check the bleed survived export by viewing the trim and bleed boxes.

Font embedding #

A PDF carries its fonts with it – the print world’s equivalent of font loading, solved by inclusion rather than delivery:

Fonts must be embedded, always. A PDF with unembedded fonts will reflow or substitute on any machine without them – the classic cause of a job printing in Courier. PDF/X makes embedding mandatory.
Subsetting embeds only the glyphs actually used, keeping files small. The export default (subset below 100% usage) is fine for final output; embed complete fonts only if the file will be edited downstream.
Do not outline text as a substitute for embedding except as a last resort – outlining discards hinting, bloats the file, removes the text layer (killing searchability and accessibility), and subtly changes rendering of fine strokes.

Accessible PDFs #

A PDF is increasingly read on screen by people who never print it – including people using assistive technology. An untagged PDF is, to a screen reader, a bag of positioned glyphs.

Export tagged PDFs: a tag tree mirrors the document’s structure – headings, paragraphs, lists, tables, reading order – exactly as semantic HTML does for the web. In InDesign this means using paragraph styles mapped to export tags, anchoring images, and adding alt text, then enabling tagging on export.
PDF/UA is the accessibility standard (the PDF counterpart of WCAG); the EU’s accessibility directives increasingly require it for public-sector documents.
The habits transfer directly from the web: real text not outlines, true heading hierarchy, alt text, sufficient contrast, and a logical reading order.

Printing from the browser #

The two worlds meet in CSS: every page can become a printed document, and CSS Paged Media gives you genuine print controls – page size, margins, and break behaviour:

@media print {
  @page {
    size: A4;                 /* or: 210mm 297mm, letter, A5 */
    margin: 20mm 18mm 28mm;   /* top, sides, bottom — bottom largest */
  }

  body { font-size: 10.5pt; line-height: 14pt; color: #000; }

  h2, h3 { break-after: avoid; }      /* no heading orphaned at a page foot */
  figure, table, pre { break-inside: avoid; }
  p { orphans: 2; widows: 2; }

  nav, .site-head, .back-to-top { display: none; }
  a::after { content: " (" attr(href) ")"; font-size: 0.85em; }
}

Specify print styles in absolute units – points and millimetres – because on paper they finally mean something.
break-after: avoid on headings and break-inside: avoid on figures, tables, and code blocks prevent the ugliest page-break failures; orphans and widows handle stranded lines.
Print link URLs after anchor text where the document will live on paper – a link you cannot click is otherwise invisible information.
For serious paginated output from HTML – running headers, page numbers, generated tables of contents – Paged.js polyfills the full Paged Media spec, and books have been produced with it.

Conclusion

Print typography is the discipline the web edition inherits from. Its constraints are physical – ink, paper, trim, press – but its reward is total control: every break decided, every detail fixed, every copy identical. Learn it and the web work improves too, because you finally know what the defaults are approximating.

The books below are the canon. They are worth more than everything else on this page combined.

Print.

Introduction

How print differs from the screen #

The Page

Page formats #

Further Reading

Margins and the classical canon #

Further Reading

Grid systems #

Further Reading

Setting Type

Choosing typefaces for print #

Further Reading

Size and leading #

Further Reading

Measure #

Justification and hyphenation #

Further Reading

Micro-typography #

Further Reading

Production

Colour: CMYK and black #

Further Reading

Paper and dot gain #

Bleed, trim, and resolution #

PDF

PDF/X standards #

Further Reading

Font embedding #

Accessible PDFs #

Further Reading

Printing from the browser #

Further Reading

Conclusion

Further Reading