Custom font not showing diaeresis in capital letters

Question

I have a subclass of UIButton that uses a custom font. The problem is that capital letters don't show diaeresis.

Below there are images of the same button sample with and without the custom font. I set the title's background color to red to see what is going on.

Without custom font

without custom font

With custom font

with custom font

My UIButton subclass overrides awakeFromNib

- (void)awakeFromNib
{
    [super awakeFromNib];
    UIFont *font = [UIFont fontWithName:@"TitilliumText22L-Bold" size:self.titleLabel.font.pointSize];
    self.titleLabel.font = font;
}

Can anyone tell me what to do in order to show the diaeresis on top of capital letters?

Thanks.

Check it may be your issue is same like http://stackoverflow.com/questions/13225761/custom-font-on-uibutton-title-clipped-on-top-of-word?rq=1 — jamil, Jun 12 '13 at 11:14
get the title label ref and try increasing its height may be it should work — amar, Jun 12 '13 at 11:20
@Bob Apple thanks, that can be an ugly workaround. Anyway, if someone knows a better solution that would be great. — Xavi Gil, Jun 12 '13 at 11:21

score 5 · Accepted Answer · edited May 23 '17 at 10:30

5

I solved this problem by following this answer on the question shared by Bob https://stackoverflow.com/a/8314197/617787

The only thing to be aware of this solution (changing the "ascender" of the font file) is that the space between lines on multiline UILabels using this modified font will change as well, so you might use NSAttributedString to modify it in a per case basis.

edited May 23 '17 at 10:30

Community

1
1

answered Jun 26 '13 at 10:59

Javier Chávarri

1,605
11
21

score 5 · Answer 2 · answered Sep 24 '20 at 13:57

5

Easy and best solution.

Select the button in the interface
In the attribute inspector, change the vertical alignment as shown in the image.

answered Sep 24 '20 at 13:57

Ghulam Rasool

3,996
2
27
40

`contentVerticalAlignment = .fill` if you look for the property in code – Carlos Jun 28 '23 at 14:07

Yunus Nedim Mehel · Answer 3 · 2020-02-18T07:24:23.383

I ve made some tests about this with Turkish characters, see the result:

3 Buttons and 1 UILabel with NeoSansPro font and capital TR chars

UILabels show the capital letters correctly.
UIButton with helvetica font shows the characters correctly (third button) but the problem occurs with all members of NeoSansPro family.
The problem only occurs on the top line of the title label (button 2)

The solution:

Practically a hack, use at your own risk. I'd rather recommend follwign Javier's answer above

Set the title label's number of lines: 0
Set title "\nBUTTON TITLE" instead of "BUTTON TITLE"
In the IB or code, play with the content and title alignment, until the title is displayed correctly. You should push the title a little upwards if you want it in the middle

score 0 · Answer 4 · answered Jun 12 '13 at 11:20

0

seems like that the text in getting cut, try to reduce the font size or change the frame of the titleLable (property of UIButton)

answered Jun 12 '13 at 11:20

Manu

788
5
10

score 0 · Answer 5 · answered Jan 22 '14 at 10:15

I had a similar problem, where a diaeresis got cut off on top of the titlelabel. I made a UIButton subclass and used this code to fix the problem:

-(void)layoutSubviews
{
    [super layoutSubviews];

    CGRect frame = self.titleLabel.frame;
    frame.size.height = self.bounds.size.height;
    frame.origin.y = self.titleEdgeInsets.top;
    self.titleLabel.frame = frame;
}

Custom font not showing diaeresis in capital letters

5 Answers5