change navigation bar title font - swift

Question

I have a title in my navigation bar and a i want to change it to custom font. I've found this line of code, but it's for when you have a navigation controller.

self.navigationController?.navigationBar.titleTextAttributes = [ NSFontAttributeName: UIFont(name: "LeagueGothic-Regular", size: 16.0)!, 
                                                             NSForegroundColorAttributeName: UIColor.whiteColor()]

But i don't have any navigation controller. I added navigation bar manually to my view.

how can i change comment font?

Call titleTextAttributes on the reference to the navigation bar. — rmaddy
– rmaddy, Commented Sep 11, 2016 at 17:15

shim · Accepted Answer · 2018-05-10 14:53:03Z

109

Try this:

Objective-C

[[UINavigationBar appearance] setTitleTextAttributes:attrsDictionary];

Swift 3

self.navigationController.navigationBar.titleTextAttributes = [NSFontAttributeName: UIFont(name: "CaviarDreams", size: 20)!]

Swift 4

self.navigationController.navigationBar.titleTextAttributes = [NSAttributedStringKey.font: UIFont(name: "CaviarDreams", size: 20)!]

edited May 10, 2018 at 14:53

shim

10.3k13 gold badges79 silver badges121 bronze badges

answered Sep 11, 2016 at 17:26

KAR

3,3913 gold badges29 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

David Williames Over a year ago

Just to clarify this answer, fontname should be of type UIFont and not just the name of the font as a string.

KAR Over a year ago

yes, for example let font = UIFont(name: "Lato-Light.ttf", size: 34). @DavidWilliames

David Williames Over a year ago

Exactly :) although it would be "Lato-Light" not "Lato-Light.tff" :P

rmaddy Over a year ago

Also note that this answer affects all nav bars, not just this one specific nav bar.

May Phyu Over a year ago

I got this error. Cannot assign value of type 'UIFont?' to type [String: Any]? in swift 3.

|

Marián Černý · Accepted Answer · 2019-11-08 05:27:57Z

58

Proper way how to set the font for every view controller in Swift (using Appearance proxy):

Swift 5 (and 4.2)

let attributes = [NSAttributedString.Key.font: UIFont(name: "HelveticaNeue-Light", size: 17)!]
UINavigationBar.appearance().titleTextAttributes = attributes

Swift 4

let attributes = [NSAttributedStringKey.font: UIFont(name: "HelveticaNeue-Light", size: 17)!]
UINavigationBar.appearance().titleTextAttributes = attributes

Swift 3

let attributes = [NSFontAttributeName: UIFont(name: "HelveticaNeue-Light", size: 17)!]
UINavigationBar.appearance().titleTextAttributes = attributes

edited Nov 8, 2019 at 5:27

answered Sep 16, 2017 at 15:38

Marián Černý

15.8k4 gold badges79 silver badges87 bronze badges

2 Comments

Noor Over a year ago

For iOS 13 & above, use UINavigationBarAppearance(), see stackoverflow.com/a/61712504/4439983

Junsu Kim Over a year ago

None of them work if your navigationBar is set to prefersLargeTitles = true. if you have that set and you want to change the title font style, use

navigationController?.navigationBar.largeTitleTextAttributes = [.font: UIFont(name: "CustomFont"), size: 20), .foregroundColor: UIColor.black]

Gagandeep Gambhir · Accepted Answer · 2019-01-11 06:30:57Z

20

You can do this in Storyboard as well, there is a bug in Xcode 10.1 of doing this here is a trick to overcome this as well.

Step 1 - Choose System from Font

Step 2 - Then again choose Custom and it will show all the fonts.

answered Jan 11, 2019 at 6:30

Gagandeep Gambhir

4,3711 gold badge32 silver badges35 bronze badges

2 Comments

Pankaj Kulkarni Over a year ago

This workaround worked (or is required) even in in Xcode 10.2.1. Thanks 🙏

jcharch Over a year ago

It takes effect in the interface builder but the navigation bar does not show the font change when run in simulator.

iSrinivasan27 · Accepted Answer · 2018-08-17 13:21:18Z

17

SWIFT 4.x

To Change the Navigation bar title font for both Normal & Large Title above iOS 11.x

let navigation = UINavigationBar.appearance()

let navigationFont = UIFont(name: "Custom_Font_Name", size: 20)
let navigationLargeFont = UIFont(name: "Custom_Font_Name", size: 34) //34 is Large Title size by default

navigation.titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.white, NSAttributedStringKey.font: navigationFont!]

if #available(iOS 11, *){
    navigation.largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.white, NSAttributedStringKey.font: navigationLargeFont!]
}

Large Title has to be set true in Navigation bar.

answered Aug 17, 2018 at 13:21

iSrinivasan27

1,4261 gold badge21 silver badges28 bronze badges

Comments

Essam Fahmy · Accepted Answer · 2020-09-25 22:46:36Z

Swift 5

I will show you how we do it in our company projects.

We create a UINavigationController subclass.
Write our customization code in viewDidLoad.
Make every navigation controller in our storyboard files inherit from it.

That is very good for more than one reason. one of the reasons is the center point of change. Once we change something in the class, all navigation controllers listen to it.

That's how our UINavigationController subclass looks.

COPY PASTE from work project.

import UIKit

class NavigationController: UINavigationController
{
    // MARK: Navigation Controller Life Cycle

    override func viewDidLoad()
    {
       super.viewDidLoad()
       setFont()
    }

    // MARK: Methods

    func setFont()
    {
       // set font for title
       self.navigationBar.titleTextAttributes = [NSAttributedString.Key.font: UIFont(name: "Al-Jazeera-Arabic", size: 20)!]
    
       // set font for navigation bar buttons
       UIBarButtonItem.appearance().setTitleTextAttributes([NSAttributedString.Key.font: UIFont(name: "Al-Jazeera-Arabic", size: 15)!], for: UIControl.State.normal)
    }
}

Shakeel Ahmed · Accepted Answer · 2020-03-17 11:36:21Z

5

Swift 5 Easy way

//Programatically
self.navigationController!.navigationBar.titleTextAttributes = [NSAttributedString.Key.font: UIFont(name: "Helvetica Neue", size: 40)!]

Physically

answered Mar 17, 2020 at 11:36

Shakeel Ahmed

6,0771 gold badge48 silver badges38 bronze badges

Comments

Gustin · Accepted Answer · 2020-07-09 23:19:26Z

5

Swift 5

navigationController?.navigationBar.titleTextAttributes = [NSAttributedString.Key.font: UIFont(descriptor: UIFontDescriptor(name: "American Typewriter Bold", size: 36), size: 36)]

answered Jul 9, 2020 at 23:19

Gustin

3003 silver badges6 bronze badges

Comments

Retterdesdialogs · Accepted Answer · 2018-01-16 13:18:18Z

1

To call titleTextAttributes on the reference to the navigation bar use:

let attributes = [NSAttributedStringKey.font: UIFont(name: "Helvetica", size: 17)!]
self.navigationController?.navigationBar.titleTextAttributes = attributes

edited Jan 16, 2018 at 13:18

Retterdesdialogs

3,2101 gold badge24 silver badges42 bronze badges

answered Jan 16, 2018 at 12:54

Vitalik Kizlov

3845 silver badges11 bronze badges

Comments

Davender Verma · Accepted Answer · 2018-08-22 10:58:28Z

1

 self.navigationController?.navigationBar.titleTextAttributes = [NSAttributedStringKey.font: UIFont(name: "Lato-Semibold", size: 17)!,NSAttributedStringKey.foregroundColor : UIColor.white]

edited Aug 22, 2018 at 10:58

answered Aug 22, 2018 at 4:40

Davender Verma

5732 silver badges12 bronze badges

1 Comment

Filnor Over a year ago

While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion. Please also try not to crowd your code with explanatory comments, this reduces the readability of both the code and the explanations!

Prashant Gaikwad · Accepted Answer · 2019-06-14 11:56:21Z

1

Swift 4.2 Xcode 10

self.navigationController!.navigationBar.titleTextAttributes = [NSAttributedStringKey.font: UIFont(name: "Sacramento-Regular", size: 19)!]

answered Jun 14, 2019 at 11:56

Prashant Gaikwad

3,8181 gold badge29 silver badges26 bronze badges

Comments

Stacy · Accepted Answer · 2022-03-31 17:54:07Z

-1

Be carefull, if you use custom font don't write

UIBarButtonItem.appearance().setTitleTextAttributes([NSAttributedString.Key.font: UIFont(name: "SF-Pro-Display-Medium", size: 18)!], for: UIControl.State.normal)

use font name without sumbol "-"

like this:

UIBarButtonItem.appearance().setTitleTextAttributes([NSAttributedString.Key.font: UIFont(name: "SF Pro Display Medium", size: 18)!], for: UIControl.State.normal)

answered Mar 31, 2022 at 17:54

Stacy

1

Collectives™ on Stack Overflow

change navigation bar title font - swift

11 Answers 11

13 Comments

Swift 5 (and 4.2)

Swift 4

Swift 3

2 Comments

2 Comments

Comments

Swift 5

Comments

Comments

Swift 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

13 Comments

Swift 5 (and 4.2)

Swift 4

Swift 3

2 Comments

2 Comments

Comments

Swift 5

Comments

Comments

Swift 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related