The font-variation-settings property provides low-level control over variable font axes — setting a value for each axis by 4-character tag (e.g. "wght", "wdth", "slnt"). Prefer font-weight/font-width/etc. for registered axes..text {
font-variation-settings: "wght" 500;
}h1 {
font-variation-settings: "wght" 700, "wdth" 110, "slnt" -8;
}normalDefault values for all axes (default)."wght"Font weight axis — equivalent to font-weight (typical range: 100–900)."wdth"Font width axis — equivalent to font-width (typical range: 75–125%)."slnt"Slant axis — angle in degrees; negative values slant to the right."ital"Italic axis — 0 for upright, 1 for italic (switches to alternate glyph set)."opsz"Optical size axis — tunes glyphs for a specific display size (in pixels).CSS Fonts Module Level 4Editor's DraftW3CMDNIn the beginning God created the heavens and the earth.Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
