PandaText / Guides
Text layout guides
Why the same string wraps differently on iOS, Android and in the browser, and what has to be shared if a document should not.
Why the same text wraps differently on iOS and Android
One sentence on an iPhone and an Android phone, same size and width. The system font, emoji and line height each changed the result.
How to keep the same line breaks on iOS, Android and the web
One note with one font file broke four ways on iPhone, Android, Chrome, Safari and Firefox. What a shared engine has to own to fix that.
Why the same paragraph wraps differently in Chrome, Safari and Firefox
The same text in Chrome, Safari and Firefox on one Mac. text-wrap: pretty, emoji and long URLs each produced different line breaks.
How Arabic and English share one line
Arabic and English on one line, on iPhone, Android, Chrome, Safari and Firefox. Same order and breaks, but different fonts, heights and spacing.
Why Chinese and Japanese text breaks differently on each platform
One Japanese paragraph broke three ways on iPhone, Android, Chrome, Safari and Firefox. Width, line fit and the language tag make the difference.
How to measure text the same way on every platform
Canvas measureText() was off from the page by up to 50 px in Chrome and Firefox. Why one engine should return the width, line breaks and carets.