unicode圖標升序和降序

Question

我已經看到Unicode字母符號，並已在許多領域使用。最近我有一個新的需求來創建一個上升和下降的功能，在我需要的按鈕，但圖標爲此，我已經看到許多地區的上升和下降的圖標，示例顯示在圖片

但找不到任何地方的任何Unicode字符，我試圖讓像上述使用Unicode類似的圖標一樣，如下圖所示，但沒能創造這樣如圖上面的圖片

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

A Z ↓

誰能告訴我一些這方面的解決方案，是有在網頁

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>

Answer 2

使用fontawesome對於任何可用的Unicode或圖標圖像。他們有這個圖標，是免費的。 http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/

Answer 3

你可以嘗試使用http://glyphicons.com/，或http://fortawesome.github.io/Font-Awesome/icons/特別是如果你需要在你的項目中使用多個圖標。它們是基於矢量的，所以即使在縮放時它們也具有相同的質量。你也可以用css控制它們（字體大小，顏色和背景）