There is a distinction in type design that does not survive most digital production workflows: the difference between an oblique — mechanically slanted roman letters — and a true italic — a separately drawn face with different letterform proportions, stroke weights, and optical adjustments designed for the angle they inhabit.
Variable fonts make this distinction actionable for the first time in web typography without a performance penalty. A single WOFF2 file can now hold both the roman and the italic in a continuous axis, allowing the browser to render the correct letterforms at any weight without a second network request.
"An italic that looks like a slanted roman is not italic — it is a pretence of emphasis, a visual costume over a face that was never designed to wear it."
The failure mode is familiar to anyone who has reviewed a brand guidelines document: the typographer specifies a beautiful serif italic at 300 weight, the developer ships an oblique because that is what the font stack falls back to when the italic file is missing or incorrectly declared. The brand voice shifts from literary precision to corporate formality without anyone noticing, because the difference between an oblique and a true italic is invisible to most readers and invisible in most QA processes.
Cormorant Garamond — the typeface you are reading now — is a model of what a well-crafted italic variable font looks like in practice. The italic axis is not a slant algorithm; it is a genuine calligraphic italic derived from Claude Garamond's sixteenth-century models, with descenders that differ in angle and pen-nib direction from the roman. At 300 weight, the italic is delicate. At 700, it is emphatic. The variable axis traverses all of them fluidly.
The practical implication for designers: declare font-style: italic on the @font-face rule that loads the italic file, not on the element that needs emphasis. The browser will use the correct file when italic is needed. If you are using a single variable file with an ital axis, declare both normal and italic ranges explicitly. Do not leave it to the browser to synthesise.