From the course: CSS: Variable Fonts

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Variation: Italic

Variation: Italic - CSS Tutorial

From the course: CSS: Variable Fonts

Start my 1-month free trial

Variation: Italic

- In contrast to slant, which sets the angle of the typeface, italic typically provides a different design for the typeface. Italicized fonts often provide different designs for letters like A, G, F, et cetera, to better display the font when slanted. In other words, swapping a font from roman or upright to italic, can mean swapping several of the character glyphs. In variable fonts italics are controlled using the italic variation axis. And the axis is typically treated as a binary. Either 0 for roman or normal or upright fonts and 1 for italics. However, in some cases, a variable font will substitute individual letters or glyphs depending on the slant of the displayed font. And I've seen fonts accepting 0, 0.5 and 1 as allowed variation settings. In the case where those fonts are set to 0.5 the italicized fonts will pop in depending on the slant setting that we talked about in the previous movie. If a font…

Contents