升序和降序的unicode图标

Question

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

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

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

AZ↓

任何人都可以告诉我一些解决方案，是否有任何Unicode或图标可用于网络

Answer 1

使用fontawesome。他们有这个图标，是免费的。 http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/

Answer 2

只是为了咯咯笑声:)。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以尝试使用http://glyphicons.com/或http://fortawesome.github.io/Font-Awesome/icons/，尤其是如果您需要在项目中使用多个图标。它们是基于矢量的，因此即使在缩放时它们也具有相同的质量。你也可以用css（字体大小，颜色和背景

）来控制它们