fluid typography

1/*Here a possible solution:*/
2
3http://codepen.io/CrocoDillon/pen/fBJxu
4
5p {
6  margin: 0;
7  font-size: calc(4vw + 4vh + 2vmin);
8  /* See:
9   * http://codepen.io/CrocoDillon/pen/jgmwt
10   * For some math behind this
11   */
12}
13/*Font-size is calculated with available size using a function that is not 
14perfect, but may be adjusted to work well in some cases.*/

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

1html {
2  font-size: 16px;
3}
4@media screen and (min-width: 320px) {
5  html {
6    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
7  }
8}
9@media screen and (min-width: 1000px) {
10  html {
11    font-size: 22px;
12  }
13}