Mapping InDesign tracking to CSS letter-spacing

Making a note of this since I always forget…

Tracking and kerning in InDesign are both measured in 1/1000 em, which is relative to the current type size. To map these values to CSS ems you just multiply by .001.

Here are some examples with InDesign tracking in the comments:

/* -40 x .001 */
letter-spacing: -0.04em;
/* 5 x .001 */
letter-spacing: 0.005em;
/* 20 x .001 */
letter-spacing: 0.02em;

Interesting orgs on GitHub

Since GitHub doesn’t allow you to directly follow organisations like you can users, I began collecting interesting ones over at Are.na. The criteria reflects my general interest and familiarity with the organisation, but contributions are welcome!

Tracker-free type on the web

A briefly-researched selection of type foundries that offer tracker-free webfont files for self-hosting:

Gerhard Richter on grey

Gerhard Richter on grey:

Grey is the epitome of non-statement … it does not trigger off feelings or associations, it is actually neither visible nor invisible … Like no other colour it is suitable for illustrating "nothing"

Design and build notes: sbaldwin.co.uk

This post was originally published on Medium, but is since removed. Strikethroughs represent some light edits made to the original.


Between client projects, I recently set aside time to redesign and build my personal website. The website is a simple online portfolio, aiming to provide context about my professional experience through writing and samples of past design work  –  all presented in a casual at-a-glance fashion. The prospect of a redesign provided a fun opportunity to explore a few new development techniques that I’d been keen to try out. In this post, I wanted to jot down some notes about said techniques both for personal reference and in case they’re of possible wider interest. Screenshots are provided as a snapshot of the site at the time of writing.

Read more…