javascript - 用于升序和降序的 unicode 图标

Question

我见过字母符号的 Unicode，并且已经在很多领域使用过。最近，我有一个新的要求，需要在按钮中创建升序和降序功能，但对于该功能的图标，我在许多区域都看到了升序和降序的图标，图片中显示了一个示例

但在任何地方都找不到任何 Unicode 字符，我尝试使用 Unicode 制作一个类似上面的图标，如下所示，但无法创建如上图所示的图标

<span>&#65;&#90;&#8595;</span>

AZ↓

任何人都可以告诉我一些解决方案吗？网络上是否有可用的 Unicode 或图标图像

Answer 1

只是为了咯咯笑:)

.letter {
    font-size: 10px;
    float: left;
    font-weight: 600;
    font-family: sans-serif;
}
.crimson {
    color : crimson;
}
.darkblue {
    color: darkblue;
}
.arrow {
    font-weight: 900;
    font-size: 20px;
    line-height: 10px;
}
.container {
    width: 10px;
    line-height: 9px;
}

<div class="container">
    <span class="letter darkblue">A</span>
    <span class="letter crimson">Z</span>
</div>
<span class="arrow">&#8595;</span>

<div style="height: 30px;"></div>

<div class="container">
    <span class="letter crimson">Z</span>
    <span class="letter darkblue">A</span>
</div>
<span class="arrow">&#8595;<span>