Search code examples
iosobjective-cfontsuilabelfont-size

UILabel cuts off custom font. How do I dynamically adjust UILabel height based on custom font selected?


Some of the custom fonts I've loaded onto my app are getting cut off when displayed in a UILabel. I have multiple custom fonts that I need to properly display. How can I fix this?


Solution

  • As stated, I had a very annoying problem where custom fonts in a UILabel would get cut off due to something. I later found out it was due to ascenders and descenders (font characteristics).

    After much searching I found a solution that required you to download a program, adjust the font's ascender and descender using terminal and then test it out on your app until it's perfect.

    This would be fine if I didn't have to do this for 20+ fonts. So I decided to dig around and see if I could access the a font's ascender and descender values. Turns out UIFont has those exact attributes!

    With that information, I was able to subclass UILabel and adjust its frame dynamically by adding the ascender and descender values (use absolute value as it is negative) to its height.

    Here's a snippet of the implementation code below, the last line is the money line:

    UIFont *font = [UIFont fontWithName:nameOfFontUsed size:44.0];
    NSDictionary *attrsDict = [NSDictionary dictionaryWithObject:font forKey:NSFontAttributeName];
    NSMutableAttributedString *theString = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@"%@", enteredString] attributes:attrsDict];
    
    //Add other attributes you desire
    
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    paragraphStyle.lineBreakMode = NSLineBreakByCharWrapping;
    paragraphStyle.lineHeightMultiple = 5.0;
    [theString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [theString length])];
    
    [self setAttributedText:theString];
    
    [self sizeToFit];
    
    [self setFrame:CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, self.frame.size.height+font.ascender+ABS(font.descender))];