How to calculate the width of a text string of a specific font and font-size?

Question

I have a UILabel that displays some chars. Like "x", "y" or "rpm". How can I calculate the width of the text in the label (it does not ues the whole available space)? This is for automatic layouting, where another view will have a bigger frame rectangle if that UILabel has a smaller text inside. Are there methods to calculate that width of the text when a UIFont and font size is specified? There's also no line-break and just one single line.

I don't know how you would do this with any font type, however, if you are using a fixed width font, you can calculate using the number of characters. I'm not entirely sure of the formula. — jgallant, Aug 24 '09 at 19:57

score 96 · Answer 1 · edited Jan 21 '22 at 17:38

96

Since sizeWithFont is deprecated, I'm just going to update my original answer to using Swift 4 and .size

//: Playground - noun: a place where people can play
    
import UIKit
           
if let font = UIFont(name: "Helvetica", size: 24) {
   let fontAttributes = [NSAttributedString.Key.font.font: font]
   let text = "Your Text Here"
   let size = (text as NSString).size(withAttributes: fontAttributes)
}

The size should be the onscreen size of "Your Text Here" in points.

edited Jan 21 '22 at 17:38

aheze

16,189
4
33
81

answered Aug 24 '09 at 20:00

Glenn Howes

5,237
1
23
29

Thank you for posting this solution. I wrote an extension based on your answer. It's posted below. – Adrian Oct 06 '16 at 19:26
What will be the corresponding function in swift 4? – Swayambhu Sep 01 '17 at 09:56

score 80 · Answer 2 · edited Apr 29 '14 at 18:55

80

sizeWithFont: is now deprecated, use sizeWithAttributes: instead:

UIFont *font = [UIFont fontWithName:@"Helvetica" size:30];
NSDictionary *userAttributes = @{NSFontAttributeName: font,
                                 NSForegroundColorAttributeName: [UIColor blackColor]};
NSString *text = @"hello";
...
const CGSize textSize = [text sizeWithAttributes: userAttributes];

edited Apr 29 '14 at 18:55

Doug

776
7
12

answered Feb 27 '14 at 20:20

wcochran

9,195
4
55
64

9

Note: `sizeWithAttributes:` method returns fractional sizes; to use a returned size to size views, you must raise its value to the nearest higher integer using the ceil function. – Allen Apr 14 '15 at 04:13

score 76 · Accepted Answer · edited Aug 15 '13 at 07:20

76

You can do exactly that via the various sizeWithFont: methods in NSString UIKit Additions. In your case the simplest variant should suffice (since you don't have multi-line labels):

NSString *someString = @"Hello World";
UIFont *yourFont = // [UIFont ...]
CGSize stringBoundingBox = [someString sizeWithFont:yourFont];

There are several variations of this method, eg. some consider line break modes or maximum sizes.

edited Aug 15 '13 at 07:20

Pang

9,073
146
84
117

answered Aug 25 '09 at 10:50

Daniel Rinser

8,785
4
40
39

1

Shouldn't it be UIFont *yourFont = // [UIFont...]; though? – PinkFloydRocks Feb 12 '13 at 14:02
11

"sizeWithFont:" is deprecated. Answer by wcochran should be the marked one. – Ferran Maylinch Mar 09 '14 at 22:02
5

Since you have the green checkmark, you should change your answer to use sizeWithAttributes. – Glenn Howes Mar 14 '16 at 20:17

Adrian · Answer 4 · 2019-09-23T12:22:55.510

71

Update Sept 2019

This answer is a much cleaner way to do it using new syntax.

Original Answer

Based on Glenn Howes' excellent answer, I created an extension to calculate the width of a string. If you're doing something like setting the width of a UISegmentedControl, this can set the width based on the segment's title string.

extension String {

    func widthOfString(usingFont font: UIFont) -> CGFloat {
        let fontAttributes = [NSAttributedString.Key.font: font]
        let size = self.size(withAttributes: fontAttributes)
        return size.width
    }

    func heightOfString(usingFont font: UIFont) -> CGFloat {
        let fontAttributes = [NSAttributedString.Key.font: font]
        let size = self.size(withAttributes: fontAttributes)
        return size.height
    }

    func sizeOfString(usingFont font: UIFont) -> CGSize {
        let fontAttributes = [NSAttributedString.Key.font: font]
        return self.size(withAttributes: fontAttributes)
    }
}

usage:

    // Set width of segmentedControl
    let starString = "⭐️"
    let starWidth = starString.widthOfString(usingFont: UIFont.systemFont(ofSize: 14)) + 16
    segmentedController.setWidth(starWidth, forSegmentAt: 3)

edited Sep 23 '19 at 12:22

answered Oct 06 '16 at 19:18

Adrian

15,330
17
106
173

1

What will be solution for swift 4? – Swayambhu Sep 01 '17 at 10:01
1

Why not just one function that returns size (CGSize)? Why do the work twice? – wcochran Jan 25 '18 at 17:28
@wcochran Updated. Great call. – Adrian Jan 25 '18 at 21:49
1

I don't know how, but this gives me incorrect sizes. – Max Feb 20 '18 at 15:13
Nevermind, this works but from my tests you need to add additional padding of _at least 15_ in order to prevent the text from being truncated. – Max Feb 20 '18 at 16:08

Alok · Answer 5 · 2020-05-28T03:56:26.997

48

Swift-5

Use intrinsicContentSize to find the text height and width.

yourLabel.intrinsicContentSize.width

This will work even you have custom spacing between your string like "T E X T"

edited May 28 '20 at 03:56

answered Sep 18 '18 at 03:05

Alok

23,024
5
38
65

Sentry.co · Answer 6 · 2021-03-23T16:40:53.633

45

Oneliner in Swift 4.2

let size = "abc".size(withAttributes:[.font: UIFont.systemFont(ofSize: 18.0)])

edited Mar 23 '21 at 16:40

answered Aug 09 '18 at 07:49

Sentry.co

4,826
41
35

score 8 · Answer 7 · answered Jul 09 '17 at 05:56

This simple extension in Swift works well.

extension String {
    func size(OfFont font: UIFont) -> CGSize {
        return (self as NSString).size(attributes: [NSFontAttributeName: font])
    }
}

Usage:

let string = "hello world!"
let font = UIFont.systemFont(ofSize: 12)
let width = string.size(OfFont: font).width // size: {w: 98.912 h: 14.32}

atereshkov · Answer 8 · 2019-12-16T15:16:25.263

If you're struggling to get text width with multiline support, so you can use the next code (Swift 5):

func width(text: String, height: CGFloat) -> CGFloat {
    let attributes: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: 17)
    ]
    let attributedText = NSAttributedString(string: text, attributes: attributes)
    let constraintBox = CGSize(width: .greatestFiniteMagnitude, height: height)
    let textWidth = attributedText.boundingRect(with: constraintBox, options: [.usesLineFragmentOrigin, .usesFontLeading], context: nil).width.rounded(.up)

    return textWidth
}

And the same way you could find text height if you need to (just switch the constraintBox implementation):

let constraintBox = CGSize(width: maxWidth, height: .greatestFiniteMagnitude)

Or here's a unified function to get text size with multiline support:

func labelSize(for text: String, maxWidth: CGFloat, maxHeight: CGFloat) -> CGSize {
    let attributes: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: 17)
    ]

    let attributedText = NSAttributedString(string: text, attributes: attributes)

    let constraintBox = CGSize(width: maxWidth, height: maxHeight)
    let rect = attributedText.boundingRect(with: constraintBox, options: [.usesLineFragmentOrigin, .usesFontLeading], context: nil).integral

    return rect.size
}

Usage:

let textSize = labelSize(for: "SomeText", maxWidth: contentView.bounds.width, maxHeight: .greatestFiniteMagnitude)
let textHeight = textSize.height.rounded(.up)
let textWidth = textSize.width.rounded(.up)

this is exactly what I needed! Thanks a lot! – gundrabur May 15 '21 at 13:36 — gundrabur, May 15 '21 at 13:36
You're a lifesaver! Thanks a million. – Charles Sep 07 '21 at 23:09 — Charles, Sep 07 '21 at 23:09

Lakhdeep Singh · Answer 9 · 2021-07-05T13:50:13.200

4

For Swift 5.4

extension String {
    func SizeOf_String( font: UIFont) -> CGSize {
        let fontAttribute = [NSAttributedString.Key.font: font]
        let size = self.size(withAttributes: fontAttribute)  // for Single Line
       return size;
    }
}

Use it like...

        let Str = "ABCDEF"
        let Font =  UIFont.systemFontOfSize(19.0)
        let SizeOfString = Str.SizeOfString(font: Font!)

edited Jul 05 '21 at 13:50

answered Oct 06 '17 at 08:27

Lakhdeep Singh

995
9
9

score 3 · Answer 10 · answered Aug 27 '18 at 10:24

3

Swift 4

extension String {
    func SizeOf(_ font: UIFont) -> CGSize {
        return self.size(withAttributes: [NSAttributedStringKey.font: font])
    }
}

answered Aug 27 '18 at 10:24

Almudhafar

867
11
25

score 2 · Answer 11 · edited Sep 23 '16 at 08:43

2

This is for swift 2.3 Version. You can get the width of string.

var sizeOfString = CGSize()
if let font = UIFont(name: "Helvetica", size: 14.0)
    {
        let finalDate = "Your Text Here"
        let fontAttributes = [NSFontAttributeName: font] // it says name, but a UIFont works
        sizeOfString = (finalDate as NSString).sizeWithAttributes(fontAttributes)
    }

edited Sep 23 '16 at 08:43

Balagurunathan Marimuthu

2,879
4
27
42

answered Sep 23 '16 at 06:49

Mandeep Singh

2,740
1
18
30

score 1 · Answer 12 · answered Mar 19 '20 at 00:25

Not sure how efficient this is, but I wrote this function that returns the point size that will fit a string to a given width:

func fontSizeThatFits(targetWidth: CGFloat, maxFontSize: CGFloat, font: UIFont) -> CGFloat {
    var variableFont = font.withSize(maxFontSize)
    var currentWidth = self.size(withAttributes: [NSAttributedString.Key.font:variableFont]).width

    while currentWidth > targetWidth {
        variableFont = variableFont.withSize(variableFont.pointSize - 1)
        currentWidth = self.size(withAttributes: [NSAttributedString.Key.font:variableFont]).width
    }

    return variableFont.pointSize
}

And it would be used like this:

textView.font = textView.font!.withSize(textView.text!.fontSizeThatFits(targetWidth: view.frame.width, maxFontSize: 50, font: textView.font!))

score 0 · Answer 13 · answered Oct 31 '18 at 06:19

The way I am doing it my code is to make an extension of UIFont: (This is Swift 4.1)

extension UIFont {


    public func textWidth(s: String) -> CGFloat
    {
        return s.size(withAttributes: [NSAttributedString.Key.font: self]).width
    }

} // extension UIFont

score 0 · Answer 14 · answered Sep 13 '21 at 10:36

SwiftUI with Swift5

In SwiftUI, you could not find an easy way to convert UIFont to Font. So the previous answers may not work. You could use GeometryReader{ geometryProxy in } inside the overlay() modifier to get the Text size. Be careful that if you don't use it inside overlay(), the View will expand to as much as it can.

If you want to pass the variable out, you may need to write a View extension function to do so.

Text("Lat.: \(latitude), Lon.: \(longitude) ")
    .font(Font.custom("ChalkboardSE-Light",size: 20))
    .overlay(
    GeometryReader{ geometryProxy in
        Image("button_img")
             .resizable()
             .frame(width: 10 , height: 10)
             .offset(x: geometryProxy.size.width)
             .extensionFunction{ //... }
              })

I copied the extension function from another thread a couple days ago.

extension View{
    func extensionFunction(_ closure:() -> Void) -> Self{
        closure()
        return self
    }
    
}

How to calculate the width of a text string of a specific font and font-size?

14 Answers14

Update Sept 2019

Original Answer

Swift-5

Oneliner in Swift 4.2

Linked