升序和降序的 unicode 图标答案

【问题标题】：unicode icon for ascending and descending order升序和降序的 unicode 图标
【发布时间】：2015-07-07 10:47:57
【问题描述】：

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

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

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

AZ↓

谁能告诉我一些解决方案，网络上是否有任何可用的 Unicode 或图标图像

【问题讨论】：

使用 fontawesome fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc

标签： javascript html unicode

【解决方案1】：

使用字体真棒。他们有这个图标并且是免费的。 http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/

【讨论】：

【解决方案2】：

只是为了笑声:)

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

【讨论】：

@Ismali 工作正常，但箭头有点向下

【解决方案3】：

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

【讨论】：