Font Loading Performance: Avoiding FOUT/FOIT in Product UI
Unoptimized web fonts cause FOUT and FOIT that hurt LCP and CLS...
Tag
Type does most of the work on any screen, and most of the mistakes too. Line length past 75 characters, a body size that quietly sits at 14px, a scale with no rhythm. Under this tag we get into the decisions that make reading easy: measure, leading, modular scales, variable fonts, and pairing that doesn't feel accidental. We write for interface and editorial designers who want words to feel considered, not just placed. Expect specifics like why 1.5 line-height beats the default, and the occasional rant about justified text on the web.
Articles, guides and tutorials tagged Typography (6 in total), newest first.
Font Loading Performance: Avoiding FOUT/FOIT in Product UI
Unoptimized web fonts cause FOUT and FOIT that hurt LCP and CLS...
Readable Line Length and Vertical Rhythm for UI Text
The 50-75 character line-length rule comes from print typography, not app UI....
Type Scale Systems: A Modular Approach for Products
A modular type scale, built on a ratio like 1.25 Major Third,...
Variable Fonts for UI: What They Are and When to Use Them
Variable fonts now run on 41.3% of mobile sites, up from 34%...
Visual Hierarchy in UI Design: 7 Principles That Work
Visual hierarchy techniques for UI designers, size, contrast, spacing, and color strategies...
Web Typography and Font Pairing: A Designer's Guide
Practical font pairing and web typography guide, variable fonts cut page load...