San Francisco fonts


#1

Awhile back, I configured Atom to use the San Francisco fonts (by referencing the PostScript name—
e.g. font-family: "SanFranciscoDisplay-Regular";).

Since then, I’ve noticed that in the <atom-workspace> custom style tag, there is this declaration:

html {
    font-family: 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
    font-size: 12px;
}

The Webkit blog has also published their suggestions for how to use the font in Web content.

Anyone else been hacking on this for funsies?


#2

See:


#3

I can’t remember where I read this, but apparently the -apple-system keyword is only supported in Safari right now, so we can’t make use of it in Atom (or other Electron apps) just yet. :confused:


#4

Ah, I thought it was Webkit, but I can see that being true.