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

0 vote316 views1 answer
Responsive typography
CSS
0 vote282 views1 answer
Div overlfow scroll
CSS
1 vote306 views1 answer
Css retirer les puces
CSS
52 votes325 views6 answers
How to change background color in css
CSS
45 votes315 views6 answers
Css text align center
CSS
20 votes337 views4 answers
Variables in sass
CSS
0 vote308 views1 answer
Css grid first child
CSS
9 votes311 views4 answers
How to stop form from submitting on enter
CSS
0 vote315 views1 answer
Css columns
CSS
0 vote316 views1 answer
Top down gradient css on body
CSS