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

9 votes216 views2 answers
Convert to css to css3
CSS
1 vote186 views1 answer
Corona.html:61 Uncaught ReferenceError: $ is not defined
CSS
10 votes193 views1 answer
Rotate image css mdn
CSS
3 votes193 views3 answers
Css blur text
CSS
2 votes207 views3 answers
How to make a html css js editor
CSS
0 vote200 views1 answer
Font-strech css
CSS
2 votes210 views2 answers
How to have a background image with a color overlay
CSS
1 vote198 views1 answer
Display in flexbox
CSS
198 votes264 views6 answers
How to add css in html
CSS
2 votes194 views2 answers
How to serve css in golang
CSS