Font size
Useful for managing the font size of an element.
:where(html) {
--font-size: clamp(0.9844rem, 0.9094rem + 0.375vw, 1.2rem); /* 15.75px ~ 19.20px */
--font-size-1: clamp(0.6913rem, 0.6902rem + 0.0054vw, 0.6944rem); /* 11.06px ~ 11.11px */
--font-size-2: clamp(0.7775rem, 0.7582rem + 0.0967vw, 0.8331rem); /* 12.44px ~ 13.33px */
--font-size-3: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem); /* 14.00px ~ 16.00px */
--font-size-4: clamp(0.9844rem, 0.9094rem + 0.375vw, 1.2rem); /* 15.75px ~ 19.20px */
--font-size-5: clamp(1.1075rem, 0.9918rem + 0.5783vw, 1.44rem); /* 17.72px ~ 23.04px */
--font-size-6: clamp(1.2456rem, 1.0778rem + 0.8391vw, 1.7281rem); /* 19.93px ~ 27.65px */
--font-size-7: clamp(1.4019rem, 1.1682rem + 1.1685vw, 2.0738rem); /* 22.43px ~ 33.18px */
--font-size-8: clamp(1.5769rem, 1.2599rem + 1.5848vw, 2.4881rem); /* 25.23px ~ 39.81px */
--font-size-9: clamp(1.7738rem, 1.352rem + 2.1087vw, 2.9863rem); /* 28.38px ~ 47.78px */
--font-size-10: clamp(1.9956rem, 1.4435rem + 3.7609vw, 6.5831rem); /* 31.93px ~ 105.33px */
}
← Previous
Font family
Next →
Letter spacing