Headings, post titles, nav links, and the like are set in Hoefler & Frere-Jones’ (now Hoefler & Co.’s) Gotham Condensed, licensed directly through Hoefler & Co.’s Cloud.typography Webfont service. A geometric sans commissioned by GQ magazine in 2000, Gotham evokes letterforms visible in American urban landscapes from as early as the 1930s. It is principally the design work of Tobias Frere-Jones, although he currently does not own it due to a dispute with his former partner, Jonathan Hoefler.
Body text is set in Hoefler & Frere-Jones’ Mercury Text. Mercury’s parent display typeface was a 1996 commission for Esquire magazine, and was principally the work of Tobias Frere-Jones. In 1999 the New Times newspaper chain commissioned this variant in numerous grades. The chain used these grades to produce a uniform type across its many editions despite variances in local humidity, which affected absorption of ink by the newsprint. As with Gotham Condensed, Mercury Text appears here via licensing through Cloud.typography.
Code blocks are set in Triplicate by Matthew Butterick. More than just a monospaced font, Triplicate includes true italics, real small caps, old-style numerals (0123456789), and other superfluities that make it a delight to stare at for hours on end while trying to figure out why your code won’t run.
Finally, the blog title is set in Concourse, also by Matthew Butterick. Butterick is the author of Typography for Lawyers and Practical Typography, both indispensible resources for any who create documents for a living. Concourse and Triplicate appear here under the terms of Butterick’s unique multi-use license, which expressly allows Website use in addition to traditional desktop use.