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 vote355 views1 answer
Date icon color change
CSS
0 vote291 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
0 vote298 views1 answer
Text flow top to bottom
CSS
-1 vote313 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote298 views2 answers
Create fish alias
CSS
0 vote310 views1 answer
Color around the text
CSS
16 votes318 views3 answers
Exact middle of screen css
CSS
0 vote409 views1 answer
Css only if both classes
CSS
0 vote312 views1 answer
How to change the theme of a website using css
CSS
11 votes311 views2 answers
Css display
CSS