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

3 votes132 views1 answer
Rotate icon on click css
CSS
0 vote227 views1 answer
How fixed image at top
CSS
0 vote221 views1 answer
Transform element
CSS
0 vote173 views1 answer
Bootstrap-navbar-brand
CSS
0 vote184 views2 answers
Icon inside a circle css
CSS
7 votes188 views2 answers
Bootstrap Aligning images
CSS
0 vote179 views1 answer
Media-queries
CSS
0 vote176 views1 answer
Account system php html
CSS
4 votes196 views2 answers
Change bot page background top.gg
CSS
1 vote188 views1 answer
Scroll bar on border radius element css
CSS