unicode图标升序和降序

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

enter image description here

但找不到任何地方的任何Unicode字符，我试图让像上述使用Unicode类似的图标一样，如下图所示，但没能创造这样如图上面的图片

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

A Z ↓

谁能告诉我一些这方面的解决方案，是有在网页

来源

2015-04-28 Alex Man

使用fontawesome http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/ – bhspencer

只为笑声:)

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

来源

2015-04-28 14:25:30 JuniorDev

@Ismali它的工作正常，但是箭头略微降低了一点 –

使用fontawesome对于任何可用的Unicode或图标图像。他们有这个图标，是免费的。 http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/

来源

2015-04-28 14:17:58 bhspencer

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

来源

2015-04-28 14:58:10 user2991920

unicode图标升序和降序

回答

相关问题