brandonscript brandonscript - 4 months ago 19x
iOS Question

How do you adjust text kerning using Interface Builder in Xcode 7?

There are a myriad of settings for

that I can see in Interface Builder:

But none of these are for text kerning. Is there a way to adjust the text kerning in Xcode 7's Interface Builder for attributed text?

(Please don't answer with how to do this in code - I already know how to do that!)


Create a subclass of UILabel call it KerningLabel have it be comprised of the following code:

import UIKit
class KerningLabel: UILabel {

    @IBInspectable var kerning:CGFloat = 0.0{
            if ((self.attributedText?.length) != nil)
                let attribString = NSMutableAttributedString(attributedString: self.attributedText!)
                attribString.addAttributes([NSKernAttributeName:kerning], range:NSMakeRange(0, self.attributedText!.length))
                self.attributedText = attribString


Drag out a label. Change it to your UILabel subclass. Adjust the kerning as desired. enter image description here

In obj-c:


@interface KerningLabel : UILabel

@property (nonatomic) IBInspectable CGFloat kerning;



@implementation KerningLabel

- (void)setKerning:(CGFloat)kerning
    _kerning = kerning;
        NSMutableAttributedString *attribString = [[NSMutableAttributedString alloc]initWithAttributedString:self.attributedText];
        [attribString addAttribute:NSKernAttributeName value:@(kerning) range:NSMakeRange(0, self.attributedText.length)];
        self.attributedText = attribString;