TLDR Design · MISCELLANEOUS
COMPRESSED FLUID TYPOGRAPHY
Summary from the TLDR Design newsletter
Fluid typography on the web typically assumes a 16px base font size, but when users increase their browser's default font size for accessibility, headlines can become disproportionately large and break the design hierarchy. A new experimental approach introduces a "compressed" typographic scale using a CSS calc() factor that divides the assumed base by the actual base font size, dampening the ratio as font size increases. This compression prevents oversized headings while still allowing body text to scale appropriately.