unicode图标用于升序和降序
unicode图标用于升序和降序
提问于 2015-04-28 14:07:24
我见过Unicode的字母符号，并已在许多领域使用。最近，我有了一个新的要求来创建一个升序和降序功能，在我需要的按钮中，但是我已经在许多方面看到了用于上升和下降的图标，如图中所示。
但是在任何地方都找不到Unicode字符，我尝试制作类似于上面的Unicode图标，如下图所示，但无法像上面所示的那样创建
<span>AZ↓</span>AZ↓
有谁能告诉我这方面的解决方案吗?在web上是否有Unicode或图标图像可供使用？
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-04-28 14:25:30
只是为了咯咯笑:)
.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">↓</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">↓<span>
Stack Overflow用户
发布于 2015-04-28 14:17:58
用火锅。他们有这个图标并且是免费的。http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/
Stack Overflow用户
发布于 2015-04-28 14:58:10
您可以尝试使用http://glyphicons.com/或http://fortawesome.github.io/Font-Awesome/icons/，特别是当您需要在项目中使用多个图标时。它们是基于向量的，因此它们具有相同的质量，甚至在缩放的基础上。此外，您还可以使用css(字体大小、颜色和背景)控制它们。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29921896
复制相关文章
相似问题
腾讯云开发者
