javascript - 如何在js字符串中使用多种字体？

Question

如何在javascript中的一个字符串中实现多种系列字体

JS：

    function formatTime (diff1) {
       var m = pad(parseInt(diff1/60))
       var diff = diff1-(m*60);
       var s = pad(diff);
            return m +":"+ s + "/" + "20";    
}

我希望“/”与在 html 文件中使用类的字体的字符串的其他部分具有不同的字体系列：

<div class="timer2" id="demo"></div>

我怎样才能做到这一点？

我想使用我导入到我的 css 文件中的字体。

我希望它看起来像这样

好的

而不是这个：

坏的

标签： javascripthtmlcss

Answer 1

我们只是为/角色设置了一个不同的类：

<div class="time">
  12
  <span class="divider">/</span>
  23
</div>

.time {
  font-family: "something";
}

.divider {
  font-family: "something-different";
}

这是一个有效的 JSfiddle

这里不需要 JS。字体通常由 CSS 控制，而不是 JS。