avatarMarcin Wichary

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

667

Abstract

ercase letters).</p><figure id="1a59"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*[email protected]"><figcaption></figcaption></figure><p id="6f5b"></p><p id="8460"><b>Tabular figures. </b>This is the exception to the above. In our stats screen, we make sure the digits look like uppercase letters… and occupy the same width so that the numbers align perfectly. We can’t wait for an OpenType feature supporting this to be understood by more browsers — in the interim, we achieve that with a simple JavaScript/CSS hack.</p><figure id="b130"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*ScDI_oV7Ke_qAKH_nAFKgQ@2x.

Options

gif"><figcaption></figcaption></figure><p id="edf9"></p><p id="c173"><b>Thousand separators. </b>In all the numbers in our user interface, we separate groups of three digits with commas so that they are easier to parse. (Here’s an <a href="https://readmedium.com/comma-here-often-6df1afa2fc98">internal document that led to this change</a>.)</p><figure id="5f00"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*aYLzqVRPGJzutgcjj2VoCw.gif"><figcaption></figcaption></figure><h2 id="e37c"></h2><p id="70c7"><a href="https://readmedium.com/ee81b6a44ae1">« Part III</a> · <a href="https://readmedium.com/e308d7a67e66">Part V »</a></p></article></body>

Death to typewriters

Part IV. Typography is more than just letters

Typography is also digits. Here are some examples of what we’re doing to make numbers feel like first-class… excuse me, 1st-class citizens:

Old-style numerals. Numbers in Medium stories are most often meant to blend together with text. We’re not a spreadsheet. Therefore, for text, we use old-style numerals (numbers that pretend to be lowercase letters) — but for headlines, we use the usual lining ones (numbers that pretend to be uppercase letters).

Tabular figures. This is the exception to the above. In our stats screen, we make sure the digits look like uppercase letters… and occupy the same width so that the numbers align perfectly. We can’t wait for an OpenType feature supporting this to be understood by more browsers — in the interim, we achieve that with a simple JavaScript/CSS hack.

Thousand separators. In all the numbers in our user interface, we separate groups of three digits with commas so that they are easier to parse. (Here’s an internal document that led to this change.)

« Part III · Part V »

Typography
Medium
Recommended from ReadMedium