Answers for "css fluid typography"

css calc font size

/*Here a possible solution:*/

http://codepen.io/CrocoDillon/pen/fBJxu

p {
  margin: 0;
  font-size: calc(4vw + 4vh + 2vmin);
  /* See:
   * http://codepen.io/CrocoDillon/pen/jgmwt
   * For some math behind this
   */
}
/*Font-size is calculated with available size using a function that is not 
perfect, but may be adjusted to work well in some cases.*/

fluid typography

body {
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
}

typo3 fluid format html

<f:format.html>foo <b>bar</b>. Some <LINK 1>link</LINK>.</f:format.html>

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;
  }
}