How to use new San Francisco font in iOS 9?

IosFontsIos9

Ios Problem Overview


Before iOS 9 to reference fonts we used fontWithName of UIFont:

[UIFont fontWithName:@"HelveticaNeue" size:18]

Now we're moving to iOS 9. How to reference a new San Francisco font in the same way?

We can use it with systemFontOfSize of UIFont, but how to reference styles other than regular? For example, how to use San Francisco Medium or San Francisco Light fonts?

Ios Solutions


Solution 1 - Ios

In iOS 9 it is the system font, so you could do:

let font = UIFont.systemFontOfSize(18)

You can use the font name directly, but I don't think this is safe:

let font = UIFont(name: ".SFUIText-Medium", size: 18)!

You can also create the font with specific weight, like so:

let font = UIFont.systemFontOfSize(18, weight: UIFontWeightMedium)

or

let font = UIFont.systemFontOfSize(18, weight: UIFontWeightLight)

Solution 2 - Ios

Swift 4

label.font = UIFont.systemFont(ofSize: 22, weight: UIFont.Weight.bold)

Solution 3 - Ios

Details

  • Xcode Version 10.2.1 (10E1001), Swift 5

Solution

import UIKit

extension UIFont {

    enum Font: String {
        case SFUIText = "SFUIText"
        case SFUIDisplay = "SFUIDisplay"
    }

    private static func name(of weight: UIFont.Weight) -> String? {
        switch weight {
            case .ultraLight: return "UltraLight"
            case .thin: return "Thin"
            case .light: return "Light"
            case .regular: return nil
            case .medium: return "Medium"
            case .semibold: return "Semibold"
            case .bold: return "Bold"
            case .heavy: return "Heavy"
            case .black: return "Black"
            default: return nil
        }
    }

    convenience init?(font: Font, weight: UIFont.Weight, size: CGFloat) {
        var fontName = ".\(font.rawValue)"
        if let weightName = UIFont.name(of: weight) { fontName += "-\(weightName)" }
        self.init(name: fontName, size: size)
    }
}

Usage

guard let font = UIFont(font: .SFUIText, weight: .light, size: 14) else { return }

// ...
 
let font = UIFont(font: .SFUIDisplay, weight: .bold, size: 17)!

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionalexeyView Question on Stackoverflow
Solution 1 - IosMirekEView Answer on Stackoverflow
Solution 2 - IosMarcos DávalosView Answer on Stackoverflow
Solution 3 - IosVasily BodnarchukView Answer on Stackoverflow