Question

EDIT: Just to avoid confusion – this question is about POSITIONING
with custom fonts! It is not about how to use custom fonts programatically!

I am trying to get something like this in the interface builder:

As you see I am using custom fonts. Problem is that custom fonts
are not visibe in the interface builder so it is extremely hard
to position them there.

How do you manage situations like that. I am quite new to custom
designs in iOS apps and I have no idea how to start with this.

I think that maybe UICollectionView would be an answer here but
then still – custom fonts and positioning is anyway very hard.

Any ideas on how can I get positioning (not reflection) like
on the image above?

Answer 1

As you see it’s really complicated to do this in IB so Do it in your code. Set text and font to your label, and then retrieve it’s size by following code:

+ (CGSize) heightOfString:(NSString*)string forFont:(UIFont *)font width:(CGFloat)width{
    CGSize size = CGSizeMake(width, CGFLOAT_MAX);
    size = [string sizeWithFont:font
          constrainedToSize:size
              lineBreakMode:NSLineBreakByWordWrapping];
    return size;
}

Now adjust the labels accordingly. If these are 3 you can do it easily by seting origin of first center of second and origin from end of screen for last.