Font sizes should be at least 11px in size in order to stay readable in the majority of font families. This should be verified also when using dynamic units such as REM or percents.

CodePudding user response：

Simply use clamp() method from CSS.

You can use it like so:

font-size: clamp(11px, 2.5vw, 2rem); meaning a minimum of 11px, default value of 2.5vw and max size of 2rem.

CodePudding user response：

Set base font size. to improve readability.