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 vote155 views2 answers
Css div side rounded
CSS
12 votes159 views1 answer
How to make borders rounded in css
CSS
0 vote168 views1 answer
Install wrangler
CSS
0 vote170 views1 answer
Html display text in alternating coloured panels
CSS
0 vote120 views1 answer
Install scss
CSS
1 vote167 views1 answer
Css everything under element
CSS
0 vote147 views1 answer
Text weaving animation in css
CSS
5 votes167 views3 answers
Set scroll position bottom in div css
CSS
0 vote158 views1 answer
Css aurora effect
CSS
-1 vote156 views1 answer
Css background linear gradient transparent
CSS