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
No JSFiddle, manipula a largura da janela de preview para veres o texto a encolher/aumentar.
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 devw
ouvh
);vmax
(o maior devw
ouvh
).
Podes ler mais sobre isto em:
CSS Values and Units Module Level 3: 5.1.2 Viewport-percentage lengths.
Créditos da resposta para o utilizador @jbenjohnson no SOEN nesta respostanesta resposta.