1. Flexible Text

Size text using keywords and percentages or ems to allow user control and maximum flexibility

Few web design topics are as storied and controversial as sizing text for the web. Historically, it’s been known to confuse beginners, fuel arguments, and divide nations. Well, perhaps that’s exaggerating things a bit, but it truly can be a sticky subject for many.

While I’m in no position to rid the world of its war on text sizing, in this chapter I share two strategies for sizing text on the web that are both flexible and easy to implement—and at the same time allow you to maintain as much design control as possible.

The allowance for flexibility in sizing text is one of the keys that drive the rest of the examples in this book—that ...

Get Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.