/* Fuente pequeña */
.nivel1 {font-size: 12px;}

/* Fuente normal */
.nivel2 {font-size: 16px;}

/* Fuente grande */
.nivel3 {font-size: 18px;}

<script language=¨javascript¨>
function tamFuente (nivel, elem) {
var elemento = document.getElementById (elem)
elemento.className = ¨nivel¨+nivel;
}
</script>

<ul>
<li class=¨nivel1¨>
<a href=¨javascript:tamFuente (1,´contenido´);¨>a-</a>
</li>
<li class=¨nivel2¨>
<a href=¨javascript:tamFuente (2,´contenido´);¨>a</a>
</li>
<li class=¨nivel3¨>
<a href=¨javascript:tamFuente (3,´contenido´);¨>a+</a>
</li>
</ul>
</ul>
<div id=¨contenido¨ class=¨nivel1¨>
Esta es una frase de ejemplo.
</div>