Design Ebook Typography for Reflow

Design relationships

A reflowable ebook is structured content arranged in a changing viewport. EPUB 3.3 uses HTML and CSS and defines the spine’s default reading order. A frozen print-page imitation can fail when a reader enlarges type on a phone.

Use headings, paragraphs, lists, quotations, and tables as actual structure. Use modest CSS for relationships such as a chapter opening. Avoid empty paragraphs, repeated spaces, and manual breaks as layout devices; they become debris when font or width changes.

Give hard material a plan

Test a letter, poem, recipe, and family tree at narrow width and large type. A letter may need a clear heading; verse needs resilient line breaks; a recipe needs a genuine list; a family tree may need an equivalent relationship list. Let embedded fonts and drop caps be optional.

Inspect the delivery

Use the distributor’s converted preview and at least one independent reading system. Change size, margins, theme, orientation, and text-to-speech where available. Correct source structure, then reconvert; the same words can produce a different reading failure.

Specific production checks

Take a five-page stress sample containing an epigraph, long quotation, numbered list, dialogue, footnote, and image. Change font size, line spacing, and orientation. Check whether the list numbers remain with their items and whether quotation attribution is still visually and structurally distinct.

For an index or glossary, search an entry after conversion and follow its internal link. If a table forces horizontal scrolling or becomes an unreadable image, redesign the information as smaller tables, grouped lists, or prose with a linked data appendix.

Keep screenshots of failures with their device setting; they show the formatter the condition to solve, not merely the symptom.