iOS 7 Custom UILabel Font, text beyond the edges of the label

Question

Since iOS 7 , Arabic fonts are now supported, but when i use the:

   lbl.font=[UIFont fontWithName:@"Scheherazade" size:33];

The text reaches the edges of the UILabel and some of the words cannot be read !!

How to fix this problem?? here is describing my problem. A Picture

here is my code:

lbl  = [[UILabel alloc]initWithFrame:CGRectMake(20, 50, 280, 320)];
lbl.text = @"شِّرِ ٱلَّذِينَ ءَامَنُوا۟ وَعَمِلُوا۟ ٱلصَّٰلِحَٰتِ أَنَّ لَهُمْ جَنَّٰتٍۢ تَجْرِى مِن تَحْتِهَا ٱلْأَنْهَٰرُ ۖ كُلَّمَا رُزِقُوا۟ مِنْهَا مِن ثَمَرَةٍۢ رِّزْقًۭا ۙ قَالُوا۟ هَٰذَا ٱلَّذِى رُزِقْنَا مِن قَبْلُ ۖ وَأُتُوا۟ بِهِۦ مُتَشَٰبِهًۭا ۖ وَلَهُمْ فِيهَآ أَزْوَٰجٌۭ مُّطَهَّرَةٌۭ ۖ وَهُمْ فِيهَا خَٰلِدُونَ";
lbl.font=[UIFont fontWithName:@"Scheherazade" size:33.0];
lbl.backgroundColor = [UIColor whiteColor];
lbl.lineBreakMode = NSLineBreakByCharWrapping;
[self.view addSubview:lbl];
lbl.numberOfLines = 0;
lbl.textAlignment = NSTextAlignmentCenter;

Yes , i tried the Center, L & R, i tried all the lineBreakModes but still have the same problem — Mutawe, Sep 24 '13 at 11:47
`CGSize stringSize = [yourString sizeWithFont:[UIFont fontWithName:@"Scheherazade" size:33.0] constrainedToSize:CGSizeMake(280, 320) lineBreakMode:NSLineBreakByWordWrapping];` Try to dynamically set width and height of your label — Hemant Singh Rathore, Sep 24 '13 at 12:14
Thats not my problem, the label is text font size may be changed during the app running — Mutawe, Sep 24 '13 at 12:38
font rendering on ios7 is broken in so many places... tell me if you find an answer ;) — Daij-Djan, Sep 24 '13 at 12:57
Did you find the solution to your problem @Mutawe ? I am having same problem and its not even resolved in iOS 8. — ZaEeM ZaFaR, Jul 02 '15 at 10:46

score 0 · Answer 1 · edited Oct 09 '13 at 21:05

0

I am seeing the same issue in iOS 7. I think there is a bug where NSLineBreakByCharWrapping is always treated as NSLineBreakByWordWrapping. I have submitted to Apple.

edited Oct 09 '13 at 21:05

tbraun89

2,246
3
25
44

answered Oct 09 '13 at 20:35

user2864599

1

score 0 · Answer 2 · edited May 23 '17 at 12:30

I was having a similar problem where my custom font was cut off on the bottom (especially in iOS 7), and I found a few answers on this post to be quite helpful where I edited the font file directly and changed the ascender and/or descender attributes.

Custom installed font not displayed correctly in UILabel

In your case there might be other attributes in that font file that you can edit to prevent it from being cut off on the left and ride sides.

score 0 · Answer 3 · answered Oct 14 '13 at 18:35

0

Try setting UILabel's preferredMaxLayoutWidth to the width of its superview (optionally with a left/right padding).

answered Oct 14 '13 at 18:35

Scott Berrevoets

16,921
6
59
80

score 0 · Answer 4 · answered Nov 13 '13 at 08:20

I just changed the line break mode "NSLineBreakByWordWrapping". I think it issue occurs due to arabic text.

UILabel * lbl = [[UILabel alloc]initWithFrame:CGRectMake(20, 50, 280, 320)];

lbl.text = @"شِّرِ ٱلَّذِينَ ءَامَنُوا۟ وَعَمِلُوا۟ ٱلصَّٰلِحَٰتِ أَنَّ لَهُمْ جَنَّٰتٍۢ تَجْرِى مِن تَحْتِهَا ٱلْأَنْهَٰرُ ۖ كُلَّمَا رُزِقُوا۟ مِنْهَا مِن ثَمَرَةٍۢ رِّزْقًۭا ۙ قَالُوا۟ هَٰذَا ٱلَّذِى رُزِقْنَا مِن قَبْلُ ۖ وَأُتُوا۟ بِهِۦ مُتَشَٰبِهًۭا ۖ وَلَهُمْ فِيهَآ أَزْوَٰجٌۭ مُّطَهَّرَةٌۭ ۖ وَهُمْ فِيهَا خَٰلِدُونَ";
lbl.font=[UIFont fontWithName:@"Scheherazade" size:33.0];
lbl.backgroundColor = [UIColor white];
lbl.lineBreakMode = NSLineBreakByWordWrapping;
[self.view addSubview:lbl];
lbl.numberOfLines = 0;
lbl.textAlignment = NSTextAlignmentCenter;

Hemant Singh Rathore · Answer 5 · 2013-09-24T13:05:15.133

Find your problem actually font size was not channing with your lbl.font=[UIFont fontWithName:@"Scheherazade" size:33.0]; try to adjust your font size with this code

lbl.font= [UIFont systemFontOfSize:10];

I have updated my code and now i am able to see complete text

UILabel *lbl  = [[UILabel alloc]initWithFrame:CGRectMake(20, 0, 280, 320)];
lbl.text = @"شِّرِ ٱلَّذِينَ ءَامَنُوا۟ وَعَمِلُوا۟ ٱلصَّٰلِحَٰتِ أَنَّ لَهُمْ جَنَّٰتٍۢ تَجْرِى مِن تَحْتِهَا ٱلْأَنْهَٰرُ ۖ كُلَّمَا رُزِقُوا۟ مِنْهَا مِن ثَمَرَةٍۢ رِّزْقًۭا ۙ قَالُوا۟ هَٰذَا ٱلَّذِى رُزِقْنَا مِن قَبْلُ ۖ وَأُتُوا۟ بِهِۦ مُتَشَٰبِهًۭا ۖ وَلَهُمْ فِيهَآ أَزْوَٰجٌۭ مُّطَهَّرَةٌۭ ۖ وَهُمْ فِيهَا خَٰلِدُونَ";
lbl.font=[UIFont fontWithName:@"Scheherazade" size:33.0];
lbl.backgroundColor = [UIColor whiteColor];
//lbl.lineBreakMode = NSLineBreakByCharWrapping;
[self.view addSubview:lbl];
lbl.numberOfLines = 0;
lbl.textAlignment = NSTextAlignmentCenter;

screentshot

have you added the font to your project @"Scheherazade" font?? — Mutawe, Sep 24 '13 at 13:07

iOS 7 Custom UILabel Font, text beyond the edges of the label

5 Answers5