代码之家 › 专栏 › 技术社区 › Cymro

jQuery将字体A更改为字体B

font-awesome fonts jquery

Cymro · 技术社区 · 7 年前

我使用安全的网页字体快速加载页面。然后,我想在页面加载后将这个安全的web字体切换为designer字体。

大致如下:

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

如果您能在jquery中提供这样做的建议,我将不胜感激。 “为每个”循环?

1 回复 | 直到 7 年前

Eric Vautier 7 年前

您最好定义和使用样式:

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前