How type designers handle the dot: period, comma, ellipsis, bullet, interpunct
A type-design walkthrough of the punctuation glyphs most people never notice: the period, comma, ellipsis, bullet, and interpunct. Because these marks are so common, their shape quietly sets a typeface’s tone — the period, for instance, echoes the dot over the ‘i’ but sits larger, and some designers will reject an otherwise strong font over poorly drawn periods. The piece covers practical mechanics: symmetric versus legacy asymmetric sidebearings, the oversized trailing space periods get in monospaced fonts, and the kerning quality fonts apply to punctuation to avoid awkward white gaps.
Much of the depth is in localization and correctness. Decimal and thousands separators split along regional lines — the period is the decimal mark in the US, UK, and much of Asia, while comma-decimal notation dominates Europe and South America — and because personal computers inherited US defaults, the period keeps resurfacing in code and UIs even after locale changes. Similar regional variation governs time notation (13.12 vs 13:12) and the spacing of initials, where thin non-breaking spaces are preferred so names don’t wrap. The article also stresses glyphs that are frequently and wrongly substituted: the Czech/Slovak caron must not be swapped for an apostrophe, and the ellipsis is a distinct character with its own spacing rather than three literal dots.
Finally it distinguishes the bullet from the interpunct — a common conflation. The bullet is a list marker, often available in hollow, square, or diamond variants, while the interpunct is a true punctuation mark centered on the x-height, used for multiplication, interword separation, Catalan’s geminated ‘l’ (ŀl), and separating graphemes. The takeaway for anyone setting text carefully: these small marks carry real semantic and regional weight, and correct rendering depends on picking the intended Unicode character and font feature rather than the nearest visual lookalike.
Read the full article
Continue reading at Hacker News →This is an AI-generated summary. Read the original for the full story.