jQuery将字体A更改为字体B

Question

我使用安全的web字体来快速加载页面。然后我想在页面加载后将这个安全的web字体切换为设计器字体。

大致如下：

if(font-family='FontA') -> this.css("font-family",'FontB');

如果能在jquery中对此提出任何建议，我将不胜感激。也许是"For each"循环？

Answer 1

您最好定义并使用样式：

.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');
}