pointerCSS font-family per San Francisco

Craig Hockenberry:

Apple has started abstracting the idea of a system font: it doesn’t have a publicly exposed name. […]

The motivation for this abstraction is so the operating system can make better choices on which face to use at a given weight. Apple is also working on font features, such as selectable “6″ and “9″ glyphs or non-monospaced numbers. It’s my guess that they’d like to bring these features to the web, as well.

Come risultato di questa astrazione, è possibile chiamare il font di sistema del Mac con un nome generico. Invece di fare riferimento a San Francisco, si può fare riferimento (e, siccome deve funzionare anche per app basate su webview, funziona anche sul web) a -apple-system-font.

Ad esempio:

body {
  font-family: -apple-system-font, HelveticaNeue, LucidaGrande;

Tutto questo, come specifica Craig, è molto poco documentato al momento (e non supportato da Chrome).