Font jumps everytime I dynamically change it.

I have a label and in my code I change the font type after a event is fired.

.tss

"#lblTabTwo": { color: '#888888', text: 'test', font: { fontSize: 10, fontFamily: 'Avenir-Roman' }, backgroundColor: 'transparent', textAlign: "center", top:"0" },

Event handler to dynamically change font

function tab2Click(e) { //TODO: add functionality here //show table $.lblTabTwo.color = color; $.lblTabTwo.top = '13', $.lblTabTwo.height = '10', $.lblTabTwo.font = { fontSize : 10, fontFamily : 'Avenir-Heavy' }; $.lblTabOne.color = '#888888'; //change font to roman $.lblTabOne.font = { fontSize : 10, fontFamily : 'Avenir-Roman' };

$.headerTbl2.visible = 'true';

}

However, when I do this, the label glitches then changes.

I have no idea why this is happening, any idea why?

cheers