Come utilizzare il font di sistema nel proprio sito

Se ne era fatto accenno, ma l’altro ieri la possibilità è stata ufficialmente documentata sul blog di WebKit. È possibile utilizzare il font di sistema di iOS e Mac OS (quindi San Francisco) specificandola nel proprio CSS semplicemente con font-family: -apple-system.

È in corso una discussione al W3C per standardizzare la proprietà, ed eventualmente sarà possibile specificarla semplicemente con system. È persino possibile specificare direttamente degli stili, ovvero una determinata dimensione e pesantezza dei caratteri, con queste proprietà:

font: -apple-system-body
font: -apple-system-headline
font: -apple-system-subheadline
font: -apple-system-caption1
font: -apple-system-caption2
font: -apple-system-footnote
font: -apple-system-short-body
font: -apple-system-short-headline
font: -apple-system-short-subheadline
font: -apple-system-short-caption1
font: -apple-system-short-footnote
font: -apple-system-tall-body