“In 2015 Apple introduced new versions of their system, iOS 9 and OS X El Capitan and one of the big changes for designers was the new typeface called San Francisco. It replaced the previous system font Helvetica Neue, introduced firstly with iOS 7…

How to use San Francisco in Photoshop and Sketch? First of all you have to choose the right font subfamily. If you are designing for iOS, MacOS or Apple TV, you should use ‘SF’ and for Apple Watch ‘SF Compact’.

Then you have to remember ‘20pt rule’. So if your size is less than 20pt, use ‘Text’ cut and if 20 pt and more use ‘Display’…”

SF font family tree