A post by Craig Hockenberry that details how to use the San Francisco system font for your website if you’re running El Capitan.
I especially like Craig’s suggestion for a new syntax when using any operating system’s font, so for example in iOS that would probably be San Francisco or Helvetica Neue whilst in Android it would be Roboto. He suggests that we declare a system keyword in the font-family rule (although this won’t work in any browsers today):
font-family: system, -apple-system,
".SFNSDisplay-Regular", HelveticaNeue, LucidaGrande;
The ability to have a standardised way of doing this sounds like a good idea to me.
It was once famously said that the web is 95% typography. You can't be a web designer and ignore type! Frontend Masters has an in-depth course on web typography from Jason Pamental getting into things like responsive styles, variable fonts, font loading, and more.