Вам лучше определить и использовать стиль:
.caseA {
font-family: FontA;
}
.caseB {
font-family: FontB;
}
Затем переключитесь между двумя в js:
if ($object->hasClass('caseA')) {
$object->removeClass('caseA');
$object->addClass('caseB');
} else {
$object->removeClass('caseB');
$object->addClass('caseA');
}
Но вы можете обойтись без использования каскадных стилей иодиночное переопределение:
.default {
font-family: FontA;
}
.highlighted {
font-family: FontB;
}
Тогда js будет понятнее и проще в обслуживании:
if ($object->state === 'complete') {
$object->removeClass('highlighted');
} else {
$object->addClass('highlighted');
}