Design5 min read
How Much Text Fits on a Quote Card
The answer is arithmetic from your canvas and your font size, and the thing that actually breaks a quote card is a last line with one word on it.
How much quote card text fits is arithmetic rather than a rule: a card is a known number of pixels wide, a typeface at a given size has a roughly known average glyph width, and a line has a known height. What is not arithmetic — and what actually ruins most quote cards — is where the lines break, and specifically whether the last one has one word on it.
The quote card text calculation
Two divisions, and they get you most of the way:
characters per line = text area width ÷ (font size × 0.5) lines that fit = text area height ÷ (font size × 1.3)
The 0.5 is the average advance width of a glyph in a humanist sans at mixed case, as a fraction of the font size. It is an approximation and a decent one. Set in capitals it is closer to 0.62, which is why an all-caps version of a card that fitted suddenly does not.
On a 1080 × 1080 square with a comfortable margin, the text area is around 820 × 820:
| Font size | Characters per line | Lines that fit | Roughly |
|---|---|---|---|
| 48px | 34 | 13 | 440 characters |
| 64px | 25 | 9 | 230 characters |
| 80px | 20 | 7 | 140 characters |
| 100px | 16 | 6 | 96 characters |
Those are ceilings, not targets. A quote card filled to its ceiling is a paragraph on a coloured background, and past about six lines people read the first line and the attribution.
FreeMentioned in this article
Quote Card Text FitterA quote, broken into the lines it will actually occupy on the card.Why a character count is not enough
Dividing the character count by the measure gives a line count that is frequently wrong by one, because words do not divide evenly. A quote of 100 characters at 25 characters per line is not four lines; it is four or five depending on where the spaces fall.
That one-line difference is the difference between a card that fits and one that pushes the attribution off the bottom, so it is worth wrapping the text properly rather than dividing. Greedy wrapping at word boundaries — fill the line, move the word that does not fit down — is what the design tool will do, so doing the same thing gives you the real line count.
The widow is the actual problem
A last line much shorter than the others is the single most common defect in a quote card, and it is invisible until the type is set.
It reads as a mistake because it is one, visually: the block stops looking like a block. One word alone on the final line of a five-line quote draws the eye to exactly the wrong place.
There are three fixes and they are all cheap:
- A slightly larger size. Counter-intuitive and often the right answer — a larger size pulls a
word down onto the short line and evens the block out.
- A slightly smaller size. Pulls the orphaned word back up onto the previous line.
- A manual break. Sometimes the only option, and it means the card stops being responsive to a
text change.
The reason to try sizes before breaking manually is that a manual break is a decision you have to remember next time you edit the quote.
The frame changes the answer more than the size does
| Card | Canvas | Notes |
|---|---|---|
| Square 1:1 | 1080 × 1080 | Crops safely everywhere. The default for reuse |
| Portrait 4:5 | 1080 × 1350 | About a quarter more text area at the same width |
| Story 9:16 | 1080 × 1920 | Tall, but interface top and bottom eats the most |
| Landscape 16:9 | 1200 × 675 | Lines get long before the block gets tall |
| Pinterest 2:3 | 1000 × 1500 | The one place a six-line block is normal |
Pinterest's own creative best practices give 1000 × 1500 as the recommended pin, which is also the tallest of the common quote-card frames.
The landscape and link-card frames are the interesting ones. They are wide and short, so the constraint is the measure rather than the height — a line of eighty characters is technically readable and typographically unpleasant, and the usual fix is a narrower text column inside a wide frame rather than a smaller size.
Social media image sizes covers the canvas dimensions themselves, and social media safe zones covers where the interface sits over each one.
Legibility at feed size is the real ceiling
A quote card is first seen small. On a 1080px canvas, text much below 40px is difficult on a phone at full size and invisible in a feed thumbnail.
That gives the practical range: 48px to 80px for the body of a quote, with the attribution around 45% of that. A quote that only fits below 40px is a quote that needs cutting, not a card that needs a smaller size.
The same logic applies to text on carousel slides, where the calculation is identical and the budget is per slide rather than per card — how much text fits on an Instagram carousel slide covers that version.
Punctuation and quote marks
Quotation marks cost width and are frequently set as a large decorative glyph that costs a great deal more. If you are using a display quote mark, it is part of the layout rather than part of the text, and it should not be sitting in the same measure as the words.
Straight quotes and curly quotes take the same space and only one of them looks deliberate. If the quote came out of a document, check what arrived with it — invisible characters covers the ones that travel unseen.
How much text fits on a quote card?
On a 1080 square at 64px, about 230 characters. At 100px, under 100. It is a calculation from your text area and font size rather than a fixed number.
What font size should a quote card be?
Between 48px and 80px on a 1080px canvas for the body, with the attribution around 45% of that. Below 40px it stops being legible in a feed.
What is a widow on a quote card?
A last line much shorter than the others, often one word. It is the most common defect in a quote card and it only appears once the type is set.
How do I fix a bad line break on a quote card?
Try a slightly larger size first — it pulls a word down onto the short line. A smaller size or a manual break are the other two options.
Do capitals fit fewer characters?
Yes, about a quarter fewer at the same size. That is why an all-caps version of a card that fitted overflows.
Paste the quote into the quote card text fitter to see where the lines break at your size, and whether the last one is a widow.
Put it to work
Tools for the job you just read about
Free to run, most of them without an account.
FreeContent
Quote Card Text Fitter
A quote, broken into the lines it will actually occupy on the card.
Run tool →
FreeContent
Bio Builder per Platform
One set of facts about you, built to each network’s actual bio limit.
Build →2 runs
FreeContent
Keyword Cluster Splitter
A keyword dump, grouped into the topics that should each be one page.
Split →
FreePreviews
Google SERP Snippet Preview
See your title and description as a Google result — on a desktop and a phone.
Preview →5 runs
FreeUtilities
Social Media URL Cleaner
Strip the tracking off a link — and see what each parameter was telling somebody.
Clean →1 runs
FreeAnalytics & growth
Instagram Money Calculator
What to charge for a post — priced the way a brand actually prices it.
Calculate →
Keep reading
More from the blog
Design4 min read
How Much Text Fits on an Instagram Carousel Slide
No platform limits the text on a carousel image. What limits it is whether anybody can read it at feed size, which makes the answer arithmetic rather than a rule.
Design3 min read
LinkedIn Carousel: A Document Post That Reads
A LinkedIn carousel is a PDF rendered as swipeable pages. Here is the page size, the type size, and the structure that keeps people swiping.
Design4 min read
Instagram Reels Cover Size: One Image, Two Crops
An Instagram Reels cover is shown at 9:16 in the Reel and cropped square in your grid. One image has to survive both. Here is how to position it.