b_b

#Fluid_typography with discrete #steps
▻https://css-tip.com/fluid-typography

Use the round() function and create a fluid typography with a discrete function instead of a continuous one.

Define the step and get precise values within a specific range. Very useful if you have some calculation based on the font-size like using the em unit. No more rounding issue!

/* Instead of  */
p {
  font-size: clamp(1rem,1rem + 3vw,2.5rem);
}
/* use */
p {
  font-size: clamp(1rem,round(down,1rem + 3vw,2px),2.5rem);
}

#css