O que estás à procura chama-se *Viewport Percentage Units* que são unidades em relação ao tamanho da tela:

Ver exemplo no [**JSFiddle**][1]

<sup>No JSFiddle, manipula a largura da janela de preview para veres o texto a encolher/aumentar.</sup>

<!-- language: lang-css -->

    p{
        font-size: 16px; font-size: 4vw;
    }

Essencialmente, os valores são:

1 v == 1% do tamanho inicial do texto na tela:

 - `vw` (viewport width);
 - `vh` (viewport height);
 - `vmin` (o mais pequeno de `vw` ou `vh`);
 - `vmax` (o maior de `vw` ou `vh`).

**Podes ler mais sobre isto em:**

[CSS Values and Units Module Level 3: 5.1.2 Viewport-percentage lengths][2].


----------

<sup>Créditos da resposta para o utilizador @jbenjohnson no SOEN [nesta resposta][3].</sup>


  [1]: http://jsfiddle.net/zuul/prw8fzyv/
  [2]: http://dev.w3.org/csswg/css-values/#viewport-relative-lengths
  [3]: https://stackoverflow.com/a/19814948/352449