The optical size axis, designated by the four-letter lowercase identifier opsz, represents a specialized dimension within certain variable typefaces that manages structural adjustments based on scale. This mechanism provides distinct variations of a single typeface that are explicitly tailored for clear rendering at particular dimensions, ranging from tiny body text to massive headlines.
When configured for small-scale reading, the letterforms naturally exhibit reduced contrast between thick and thin strokes, more generous character spacing, and an elevated x-height, whereas the display variations meant for large sizes feature sharper contrast and tighter spacing. Ideally, the numerical setting assigned to this attribute corresponds directly to the physical point size used in traditional print layout, though web browsers map this value to standard CSS pixels because they cannot measure real-world physical dimensions.
To streamline this implementation on the web, modern browsers universally support a native CSS property that defaults to automatic adjustment, ensuring these scale optimisations happen without manual intervention. While these automated shifts reflect the overarching design choices made by a typographer to enhance legibility across different scales, developers can still pair them with parametric axes to achieve even more precise, granular control over individual design elements.
To adhere correctly to current web standards, this specific axis tag must always be written in lowercase letters, a rule reserved strictly for the five foundational axes officially registered in the OpenType specification.
Enter your details to receive all trial fonts
We’ll send you a zipped file with all trial fonts, license agreement, and installation instructions.
