如何在 UINavigationBar 中自定义导航栏标题字体和大小？

Question

I want to customize only a specific part of the navigation bar title.

For example, "Navigation Bar Title." I made this sentence a title.

In the case of "Navigation", apply blue color and system bold font, For "Bar Title." I want to apply red color and system regular fonts.

How is it possible?

Answer 1

You should use a UILabel with an attributed title as a custom title view for your navigation bar.

let titleLabel = UILabel()

//attributes for the first part of the string  
let firstAttr: [NSAttributedString.Key: Any] = [.font: UIFont.boldSystemFont(ofSize: 16),
                                                .foregroundColor: UIColor.blue]

//attributes for the second part of the string  
let secondAttr: [NSAttributedString.Key: Any] = [.font: UIFont.systemFont(ofSize: 16),
                                                 .foregroundColor: UIColor.red]

//initializing and merging the two parts
let attrString = NSMutableAttributedString(string: "Navigation", attributes: firstAttr)
let secondAttrString = NSAttributedString(string: " Bar Title", attributes: secondAttr)
attrString.append(secondAttrString)

//setting the attributed string as an attributed text
titleLabel.attributedText = attrString

//set the size of the label to fit its contents
titleLabel.sizeToFit()

//setting the label as the title view of the navigation bar
navigationItem.titleView = titleLabel

Result:

Answer 2

try this

NSDictionary *settings = @{
    UITextAttributeFont                 :  [UIFont fontWithName:@"YOURFONTNAME" size:20.0],
    UITextAttributeTextColor            :  [UIColor whiteColor],
    UITextAttributeTextShadowColor      :  [UIColor clearColor],
    UITextAttributeTextShadowOffset     :  [NSValue valueWithUIOffset:UIOffsetZero]};

[[UINavigationBar appearance] setTitleTextAttributes:settings];