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 vote250 views1 answer
Print zend db select query to string
CSS
1 vote238 views1 answer
Css flip svg
CSS
0 vote265 views1 answer
Fonts from google fonts do not work
CSS
0 vote248 views1 answer
Float: down css
CSS
-1 vote239 views2 answers
Bootstrap 4 popover content from div
CSS
185 votes328 views6 answers
Attach css file to html
CSS
0 vote285 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote232 views1 answer
Container media queries for large displays
CSS
50 votes222 views5 answers
Css reset style
CSS
-1 vote248 views1 answer
Css media query between two width
CSS