jQuery将字体A更改为字体B

Question

我正在使用安全的Web字体来快速加载页面。 然后，我想在页面加载后将此安全的Web字体切换为设计器字体。

类似的东西：

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

我非常感谢在jquery中执行此操作的任何建议。 也许是“对于每个”循环？

Answer 1

最好定义和使用样式：

$

然后在js中的两者之间翻转：

.caseA {
  font-family: FontA;
}
.caseB {
  font-family: FontB;
}

但是您可以摆脱使用级联样式和单个替代项的作用：

if ($object->hasClass('caseA')) {
  $object->removeClass('caseA');
  $object->addClass('caseB');
} else {
  $object->removeClass('caseB');
  $object->addClass('caseA');
}

然后js更清晰，更易于维护：

.default {
  font-family: FontA;
}
.highlighted {
  font-family: FontB;
}