View Latest

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