To enhance readability, we have established specific guidelines for typesetting characters, numbers, and abbreviations. Complying with these guidelines is crucial for achieving a typographically refined design.
- The correct implementation of microtypography can significantly influence readability, regardless of the language involved.
- The flow of reading remains undisturbed.
For structured data, such as dates, times, and numbers, we recommend using the Localization guidelines.
#Punctuation marks and symbols
Example | Usage | Unicode | HTML | |
---|---|---|---|---|
Quotation mark | «... » | Quotes in Switzerland 🇨🇭 | \x00AB \x00BB | « » |
Multiplication sign | 800 × 600 pixels | Measurements, e.g., 800 × 600 pixels | \x00D7 | × |
Inch sign | 9.7” | Inch specification: 9.7” | \x02DD | ” |
Non-breaking thin space | 10 000 | As a thousands separator, see Localization | \x2006 |   |
Non-breaking space | 12. Dezember | As connector for date ranges, see Localization | \x00A0 | |
En Dash | 8.–10. Mai | Prices, Date ranges and numerical ranges, no space is added, see Localization | \u2013 | – |
Em Dash | Nokia is back — with Smartphones | Usage in text or sentences, space is added around | \u2014 | — |
Hyphen | Ethernet-Patchkabel | To connect two words, or for minus operations | \u002D | - |
Slash | kg/m² / 3/4 | For units, like kg/m², see Localization | \u002F | / |
Ellipses | Lorem ipsum, sit dolor amnet… | For long texts that are cut at the end | \u2026 | … |