Il tag font e` assolutamente da evitare.

Anzitutto e` deprecato: qualche browser potrebbe non capirlo.

Poi e` non-accessibile: se lo fai per una pubblica amministrazione non ti possono pagare il lavoro.

Terzo non ha senso inserire la formattazione nei tag HTML: la formattazione va messa unicamente nei CSS.

---
La tua funzione non la ho capita (forse manca un pezzo), per cui ho evitato di correggerla.

Probabilmente dovrebbe essere del tipo:
codice:
function tag_colore(colore,testo) {
var tt = '\<span class\=\"'+colore+'\"\>';
tt += testo+\<\/span\>';
document.getElementById('ID_FORM').testo.value += tt;
}
dove il colore e` semplicemente il nome della classe CSS con quel colore: dovrai poi avere un CSS che contiene le classi del tipo:
.rosso { color: #ff0000; }
.verde { color: #00ff00; }
...