代码之家 › 专栏 › 技术社区 › 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');
}

推荐文章

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

Koren Lahav · 字体未能正确上传至android studio

1 年前

Marcin Szwarc · CSS字体家族中的字体是如何替换的

1 年前

gman · 是否有一种CSS/HTML字体大小,unicode框元素应该完全垂直对齐?

2 年前

Andrew · 标题是粗体,但标签不是。该怎么办?

2 年前

Francis · 显示变量中的fontello字符

2 年前

Bethany · 正斜杠导致自定义字体向后书写

2 年前

B.O.M.B · 使用SwiftUI Xcode 15在启动屏幕中选择自定义字体

2 年前

Arkit_Sutariya · 所有fontFamily未在HTML中的<span>中间呈现

2 年前

Andrew Wei · 为什么我的自定义字体没有应用在我的NextJS/Tailwind项目中?

2 年前