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

61 votes373 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote298 views1 answer
Screen sizes for css media
CSS
0 vote282 views1 answer
Css radio button size
CSS
2 votes248 views1 answer
Css how to add double shadow to text
CSS
1 vote263 views2 answers
Put a border only on bottom
CSS
1 vote294 views1 answer
Reset id sequence postgres
CSS
0 vote217 views1 answer
Cursor color change
CSS
1 vote255 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
0 vote279 views1 answer
Delete after content css
CSS
0 vote333 views1 answer
Show modal in bootstrap 4
CSS Bootstrap