javascript - 有没有办法覆盖 unicode 字符？

Question

我想在网站上的 unicode 字符“♤”上写一个数字。我知道我可以制作图像并使用它们，但由于我将有超过 200 个带有唯一编号的 ♤ 符号，我不想使用这些图像，因为它们会占用大量空间。

所以字符的大小必须不同。带有数字的空格将放在 div 标签内。我真的希望有办法做到这一点，否则我会满足于图像。

Answer 1

.heart > div:nth-child(1) {
  font-size: 40px;
  color: red;
}
.heart > div:nth-child(2) {
  position: relative;
  font-size: 20px;
  top: -42px;
  left: 13px;
}

<div class="heart">
  <div>♤</div>
  <div>A</div>
</div>