SwiftUI: custom Font on MacOS

Question

Goal: use a custom Font on SwiftUI, targeting MacOS.

Problem: On iOS, custom Font works fine in SwiftUI:

But on MacOS, it doesn't:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            Text("Hello, world!")
                .font(Font.custom("SourceCodePro-ExtraLight", size: 40))
            Text("Hello, world!")
                .font(Font.custom("LobsterTwo", size: 40))

        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Tried: I made sure that both fonts are added to Info tab on corresponding iOS and MacOs targets:

Seems to be a problem with SwiftUI using UIFont under the hood, and a special NSFont would be needed...

Any help is much appreciated!

Patina

Answer 1

Solved by adding this line to the plist file, and a "." as the value

Patina

I <3 you @mane! I have been fighting this for hours. Everything tells me to update the info.plist file directly (etc etc). No change. This image above was the first to indicate that this value can be changed/added in PROJECT/TARGET/INFO settings! FTW – Nic

Can confirm this works on macOS finally ! Thanks – Moonstone

Answer 2

Just some further explanation from Mane Manero's answer:

The Info.plist key ATSApplicationFontsPath actually refers to the application bundle’s Resources folder, as opposed to your Project directory. Here is the specific reference from the docs:

If you set this key, the system allows the app in the bundle to use the fonts at the specified path. Set this key to the path relative to the bundle’s Resources folder. For example, if the fonts are in .../Resources/MyFonts, set this key to MyFonts/.

You can confirm this by archiving and exporting your app in Xcode -> save app bundle to Applications folder -> right click app bundle > Show Package Contents > open Resources folder -> You should see your .ttf or .otf font files in this directory.

Toxemia