Fluid typography

body {
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
}

Source: css-tricks.com

Fluid typography

html {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}

Source: css-tricks.com

Similar codes

1 vote209 views1 answer
Ahk modifiers
CSS
0 vote256 views1 answer
Closing modal on iframe movies still running
CSS
44 votes207 views6 answers
Textarea disable resize
CSS
0 vote191 views2 answers
Systemd on wsl2
CSS
0 vote212 views2 answers
Writing mode css
CSS
12 votes309 views2 answers
How to center element in bulma
CSS Bulma
0 vote257 views1 answer
Github lottie
CSS
0 vote204 views1 answer
Have an item span multiple columns css grid
CSS
-1 vote202 views1 answer
Css disable scroll mobile
CSS
1 vote206 views1 answer
How to put mulitple conditions in media query
CSS