← All postsEveryday Design

Fonts for Menus and Price Lists

Organize names, descriptions, options, and prices so customers can compare choices without decoding the layout.

Start with the customer's comparison task

A menu or price list is a working document. Someone needs to locate an item, understand what is included, compare alternatives, and identify the applicable price. Before choosing lettering, collect the actual names, descriptions, sizes, add-ons, and conditions. Incomplete placeholder content conceals the difficult cases. A layout that works for three short coffee names may fail when it encounters a long dish title, several portion sizes, or a service with a minimum charge.

Write down where the list will be read. A table menu, a counter board, a salon booklet, and a phone page have different viewing conditions. A wall board needs short labels and greater distance readability; a booklet can support fuller descriptions. Do not try to solve every format by shrinking one master image. Keep a shared content source, but allow each format to present the information at a useful scale.

Establish four clear typographic roles

Most lists need a section heading, an item name, a description, and a price. Give those roles consistent treatments before introducing extra decoration. Item names might use a medium or bold weight, descriptions a regular weight, and prices the same dependable size throughout. Section headings can carry more personality. A customer should not need to learn a different visual code for every category or interpret arbitrary changes in typeface as meaningful distinctions.

Compare a small selection using real entries. Lora, Source Sans 3, and DM Sans offer different shapes and textures, but none is automatically right for hospitality or retail. Browse the menu font collection, then test your longest names and densest options. Include accented ingredients, currency signs, fractions, and punctuation. Missing glyphs or awkward symbols can matter more than the atmosphere created by the heading.

Font preview

Lora

Font preview

Source Sans 3

Font preview

DM Sans

Check the relationship between names and descriptions at final size. A description can be quieter without becoming tiny or pale. If every item requires several lines, shorten repetitive wording or increase the available space rather than hiding the explanation. Keep sufficient separation between entries so a wrapped description does not appear to belong to the next item. The font choice and the paragraph spacing need to work together.

Make prices stable and unambiguous

Choose one price position and apply it predictably. A right-aligned price column helps comparison when the list uses a consistent row structure. A price immediately after the item can work in a compact layout, provided the connection remains clear. Avoid typing repeated spaces to achieve alignment: proportional fonts give spaces and digits different widths, and edits can disturb the apparent column. Use actual tab stops, table columns, or layout constraints.

Where the font and application support them, tabular figures give each numeral equal width. This can help align changing amounts vertically. They are different from proportional figures, whose widths vary, and from oldstyle figures, whose shapes may rise or fall around the baseline. Check the actual result rather than assuming every font exposes every option. A tidy column should still make decimal marks, currency, and size labels easy to understand.

Test awkward prices before approving the structure. Replace a short amount with a longer one, add an extra digit, and try an item with two or three size prices. Make the column headings explicit when prices correspond to different portions or service durations. Avoid ambiguous shorthand that makes a customer guess whether a number means minutes, weight, quantity, or money. State conditions clearly and have the business verify the wording.

Dot leaders are optional, not an essential menu convention. If you use them, generate them through a proper tab leader or layout feature rather than manually typing rows of periods. Ensure they do not run through long names or create a dense visual fence between every line. In a simpler list, enough space and a stable alignment may connect names and prices more cleanly than a decorative trail.

Keep qualifications readable and accurate

Allergy information, dietary labels, supplement charges, and limitations are not visual leftovers. Give them readable type and an obvious relationship to the relevant item. If symbols are used, supply a nearby legend and avoid relying only on color. Have knowledgeable staff approve the meaning and wording. A designer should not infer that an item is suitable for a particular diet from its name or a photograph.

Do not treat essential conditions as an opportunity to use the smallest font in the family. If a price applies only on certain days, or a service excludes materials, that information belongs where customers can find it. Typography cannot determine which disclosures a business must make. Obtain appropriate business or professional guidance for local requirements, then build sufficient room for the approved text instead of squeezing it into an unreadable footer.

Review the actual lighting and screen behavior

Print a sample and read it under conditions resembling the intended setting. Dim lighting, a glossy sleeve, or reflections from a laminated surface can change the experience substantially. Test the smallest description and the most complex price row, not only the decorative heading. Choose paper and finishing with the same care as the type. A darker weight or less reflective stock may be more useful than another expressive font.

For a digital menu, W3C's Contrast minimum explains WCAG AA contrast thresholds: 4.5:1 for ordinary text and 3:1 for qualifying large text. These are web criteria rather than a certification of printed menus. Use them when reviewing online colors, including muted descriptions. A large product photograph or attractive background does not remove the need for readable information over the areas where text appears.

An HTML menu is generally more adaptable than a single photograph of a printed sheet. W3C's Reflow explains reflow for ordinary vertical web content at a width equivalent to 320 CSS pixels, with exceptions for content requiring two dimensions. Let menu entries stack and wrap on narrow screens. Do not force customers to pan repeatedly across a fixed image just to connect a dish with its price.

Design a master that survives tomorrow's changes

Keep names, descriptions, options, and prices in an organized editable source. Define styles so an update does not accidentally introduce a new font or size. Leave reasonable flexibility for longer seasonal items. If every line fits only through a custom adjustment, routine changes will become fragile. Record the font family, required styles, and source so another person can maintain the document without recreating your choices.

Before each release, compare the output against the approved content, checking every amount rather than only the changed entries. Confirm that printed copies, downloadable files, and website prices agree. Inspect page breaks and section boundaries after updates. Finally, ask someone unfamiliar with the layout to locate several items and explain their prices and options. Hesitation identifies specific relationships to improve, making the next revision more useful than a general request to make the menu look better.

Further reads

Six more posts to dig into next.