ios-fontawesome on UIBarButtonItem

Question

I'm trying to use iOS FontAwesome to set an icon on a bar button, like this:

[self.barButton setTitle:[NSString fontAwesomeIconStringForEnum:FACamera]];

and also with this:

[self.barButton setTitle:[NSString fontAwesomeIconStringForIconIdentifier:@"fa-camera"]];

No matter what identifier I use the result is the same:

enter image description here

What could be wrong?

are you using the `FontAwesome.ttf` for your button as essential requirement? — holex, Nov 24 '14 at 12:14
the `UIButton` has a `font` property – that can be a good start, but the original author has a detailed description to show how you could do it – if you had read the documentations... — holex, Nov 24 '14 at 12:18
`UIBarButtonItem` doesn't have a font property, as far as I know. (no need to be caustic, btw) — user623396, Nov 24 '14 at 12:20
yes, it has not, you can change its font via the `appearance` protocol. — holex, Nov 24 '14 at 12:22
Appearance protocol is not best practice in this case, IMHO. — user623396, Nov 24 '14 at 12:39
that is the official way to do it in Apple's definite opinion (IADO); and unfortunately the _IADO_ is much stronger argument here than the _IMHO_. :) — holex, Nov 24 '14 at 12:42
Fortunately I found the solution I was looking for (see the answer below). Thanks anyway. — user623396, Nov 24 '14 at 12:43
probably you have spotted that you are doing the job via the `appearance` protocol exactly in your own answer, which you have been against to... just saying, you know. :) — holex, Nov 24 '14 at 12:50
I take my words back. Couldn't have done it without your kind and precious help. Oh, wait, I've done it... ;) — user623396, Nov 24 '14 at 13:03
hehe, I love sarcarm, but nevermind, you have the solution which you have been looking for, and eventually we are here to help on each other; job has done. ;) — holex, Nov 24 '14 at 13:13

score 5 · Accepted Answer · answered Nov 24 '14 at 12:38

In case anyone else ever wonders:

[self.barButton setTitleTextAttributes:@{
                  NSFontAttributeName: [UIFont fontWithName:@"FontAwesome" size:24.0],
                  NSForegroundColorAttributeName: self.view.tintColor
                                         } forState:UIControlStateNormal]; 
[self.barButton setTitle:[NSString fontAwesomeIconStringForIconIdentifier:@"fa-camera"]];

score 2 · Answer 2 · answered Apr 09 '15 at 12:13

In Swift:

    let filterButton = UIBarButtonItem(title: String.fontAwesomeIconWithName(FontAwesome.Filter), style: UIBarButtonItemStyle.Plain, target: self, action: Selector("filterClicked"))
    filterButton.setTitleTextAttributes(NSDictionary(dictionary: [NSFontAttributeName:UIFont.fontAwesomeOfSize(25), NSForegroundColorAttributeName : UIColor.COLOR_BLUE_DARK]), forState: UIControlState.Normal)

    self.navigationItem.rightBarButtonItem = filterButton

score 1 · Answer 3 · answered Jul 15 '17 at 23:14

With the FontAwesomeKit 2.2 API, you can do it like this:

[self.barButton setTitleTextAttributes:@{
    NSFontAttributeName: [FAKFontAwesome iconFontWithSize:20]
} forState:UIControlStateNormal];
[self.barButton setTitle:[FAKFontAwesome cameraIconWithSize:20].attributedString.string];

Or convert to UIImage like suggested in the FontAwesomeKit documentation:

FAKFontAwesome *cameraIcon = [FAKFontAwesome cameraIconWithSize:20];
UIImage *cameraImage = [cogIcon imageWithSize:CGSizeMake(20, 20)];
[self.barButton setImage:camera];

score 0 · Answer 4 · answered Jul 15 '15 at 12:09

0

Just in case you want to use easier solution without using attributed texts, look at my library. Cocoa pods are also supported. Font Awesome Swift

answered Jul 15 '15 at 12:09

Patrik Vaberer

646
6
15

score 0 · Answer 5 · answered Apr 05 '21 at 10:01

In Swift 4, this worked for me

let button1 = UIBarButtonItem(title: "\u{f05a}", style: .plain, target: self, action: #selector(showCartInfoPopUp(_:)))
           
button1.setTitleTextAttributes([.font : UIFont(name: "Font Awesome 5 Pro", size: 24), .foregroundColor : UIColor.white], for: .normal)
            
self.navigationItem.rightBarButtonItem  = button1

ios-fontawesome on UIBarButtonItem

5 Answers5

Linked