Esto lo pillé de una pagina hace tiempo, me gustó y me lo adapté. Hace mucho q no lo utilizo, así que no me acuerdo si funciona del todo bien.
Esto va con los scripts
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
Y luego pones las hojas de estilo con los distintos tamaños
<link href="normal.css" rel="stylesheet" type="text/css">
<link href="letragrande.css" rel="alternate stylesheet" title="facil" type="text/css">
<link href="normal.css" rel="alternate stylesheet" title="normal" type="text/css">
En el botón
<a href="#" onclick='setActiveStyleSheet("normal");' false; return>
Espero que te sirva,
un saludo