Hanging punctuation, and the margin nobody notices
A quotation mark at the start of a line makes the margin look dented. The fix is four hundred years old.
Category: Typography
The golden canon, and the arithmetic under it
Medieval scribes placed a text block by drawing nine lines and reading the answer off the diagonals. No measuring, no arithmetic, no taste required — and the proportions that fall out are still the best default anybody has for a page of running text.
字面、字身，以及汉字为什么不肯听拉丁字母的话
拉丁字母的宽度各不相同，汉字却每一个都住在同样大的方框里。真正决定疏密的不是那个框，而是框里那一点留白——字面率。把中文和英文排在同一行时，出问题的几乎永远是这件事。
Ogonek nie jest przecinkiem
Ogonek rośnie z litery, po tej samej krzywej, którą kończy się jej brzuszek. Przecinek doklejony pod spodem widać z drugiego końca pokoju — a przy ciasnej interlinii dotyka wersalika z następnego wiersza.
約物は半角か、全角か——組版が黙って決めていること
句読点や括弧は、字身の全部を使うわけではない。それでも全角の枠を持って歩くので、行の中に説明のつかない空きが生まれる。禁則処理と字詰めは、その空きをどう配るかという一つの問題の裏表である。
Optical size, and why 8pt is not 24pt shrunk
A caption and a headline want different letterforms, not the same letterform at two sizes. Foundries knew this when type was cut in metal, lost it when photocomposition arrived, and variable fonts have finally made it adjustable again.
모아쓰기와 행간: 한글이 라틴 알파벳과 다르게 숨 쉬는 법
한글은 낱자를 모아 한 글자를 만든다. 그래서 같은 크기라도 획이 들어찬 정도가 글자마다 크게 다르고, 라틴 알파벳에 맞춘 행간을 그대로 쓰면 페이지가 답답해진다.
What a font subsetter actually removes
A webfont is mostly glyphs your pages will never show — alphabets you do not write in, symbols nobody has typed since 1994. Cutting them is the largest single saving available to a text site, and the reader gives up nothing at all for it.
A type scale you can defend
Nine roles, one ratio, and no size typed twice. Every measurement on the page comes from what a piece of text IS rather than from where it happens to sit, so one setting changes the whole page instead of one heading.
Noktasız ı ve baş harfin tuzağı
Türkçede i ve ı iki ayrı harftir, tıpkı o ile ö gibi. Yazılımın çoğu bunu bilmez, İstanbul’u ISTANBUL yapar, ve hatayı kimse bir veri tabanına yazılana kadar fark etmez.
The measure is the design
Sixty-six characters is not a superstition. It is the width at which the eye still finds the start of the next line without hunting for it, and it decides more about a reading page than the choice of typeface does.
Die Kunst der Kapitälchen
Echte Kapitälchen sind gezeichnet: eigene Strichstärke, eigene Laufweite, eigene Höhe. Alles andere ist verkleinerte Versalschrift, wirkt dünn und zu eng — und genau das tut der Browser, wenn die Schrift den Schnitt nicht mitbringt.
The em, the en, and three dashes
Four horizontal marks that look alike, mean entirely different things, and are wrong on most pages on the web. A hyphen joins, an en dash spans, an em dash interrupts — and a minus sign is none of the three.
La chasse, l’approche et le gris typographique
Trois mots français pour trois choses que l’anglais confond sous le seul mot spacing. La chasse appartient à la lettre, l’approche au couple, le gris à la page entière — et l’un ne corrige jamais l’autre.
Five inks, and when to reach for each
A highlighter is a reading tool, not a decoration. Five pigments, and which one you reach for is a claim about why the sentence matters: a definition, a warning and a number all want different colours.
Dấu phụ tiếng Việt và chiều cao chữ hoa
Chữ Quốc ngữ chồng hai dấu lên cùng một nguyên âm: một dấu chất lượng, một dấu thanh. Đó là bài kiểm tra khắc nghiệt nhất cho khoảng cách dòng, và là lý do một trang tiếng Việt cần thoáng hơn tiếng Anh chừng hai phần mười.
Der Blocksatz und die Lücke
Blocksatz ohne Silbentrennung ist der häufigste Satzfehler im Web: Löcher, die sich über drei Zeilen zu einem Bach zusammenschließen. Zu beheben ist er in einer einzigen CSS-Zeile, die fast niemand hinschreibt.
Notes on reading, on paper and on glass
A measure, a leading and a typeface walk into a column, and only one of them ever gets blamed. Paper and screen do not disagree about type — they disagree about light, distance, and how long anybody will sit still.
Kerning is not tracking, and neither is spacing
Three controls, three different jobs, and a great deal of type ruined by reaching for the wrong one. Kerning fixes a pair, tracking colours a paragraph, and letter-spacing is what you do to small caps and to nothing else.