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

5 votes107 views2 answers
Animate left to right css
CSS
23 votes117 views5 answers
Font weight css
CSS
0 vote158 views1 answer
Cabin font download
CSS
0 vote109 views1 answer
Css logo color
CSS
85 votes141 views6 answers
Color code green
CSS
0 vote171 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
0 vote148 views1 answer
Change mouse pointer on image hover
CSS
68 votes183 views6 answers
Flex
CSS
0 vote186 views1 answer
Translate argument animation css'
CSS
0 vote160 views1 answer
Overlay color on image css
CSS