Problems re-formatting text nodes

[Tandem]

Hello!
I want to change the font of a text node I've just created using appendChild but doesn't work the ways I've tried. Could you tell me how to do it?

var table=document.getElementById("table_name");
tbody = table.appendChild(d.createElement("tbody"));
var row = tbody.appendChild(d.createElement("tr"));
var cell =d.createElement('td');
var txt=document.createTextNode('Hello World!');
cell.appendChild(txt);
row.appendChild(cell);

I want to change the font to: <font size="2" face="Verdana, Arial, Helvetica, sans-serif">

thanks!

[Kravvitz]

This is a bit old, but much of what it says is relevant -- What's wrong with the FONT element?

Use CSS.
Adding a touch of style
Learning CSS
CSS2 Specification

[Tandem]

But, is there any way to change font style using DOM properties or attributes?
Something like: cell.style.face="Arial"

Thanks

[Kravvitz]

Yes.

cell.style.fontFamily = 'Verdana, Arial, Helvetica, sans-serif';
cell.style.fontSize = '.8em';

[Tandem]

Thanks A Lot