▲▼ 分别是U+25B2 (&#x25B2)和U+25BC (&#x25BC)

“不是ASCII (neither's↑/↓)”需要限定。

虽然这些字符在美国信息交换标准代码中没有定义为符号，但它们的代码通常用于ASCII码24和25的图形表示(十六进制18和19，取消和EM:介质结束)。代码第437页(IBM称为扩展ASCII，包括数字代码128到255)定义了这些符号作为ASCII码的使用，这些约定在行业中无处不在，这可以从惠普(特别是打印机)和IBM(特别是从原始PC开始的微型计算机)等领先公司将其部署为标准看到。

就像在CAN和EM中使用ASCII码在当时是相对过时的一样，证明了它们作为符号的使用是合理的，所以随着时间的推移，将这些代码作为符号的使用也被当前使用的UNICODE约定所淘汰。

---

应该强调的是，IBM在Extended ASCII中对ASCII进行的扩展不仅包括用于数字代码128到255的更大的数字集，而且还扩展了一些数字控制代码(ASCII范围0到32)的使用，从仅仅是媒体传输控制协议扩展到包含符号。人们经常错误地认为，第一个0到128没有被“扩展”，IBM在这个范围内使用了传统ASCII的符号。在前面的参考文献中也出现了此错误。这个错误变得如此普遍，以至于它下意识地口头上重新定义了ASCII。

HTML实体 北京时报读者评论: ►= ► ▼= ▼ ▲= ▲

Unicode箭头似乎已经过时了，因为截至2021年，安卓手机似乎还没有安装包含箭头的完整Unicode字体(只是大多数顶级语言字体，如中文、阿拉伯语等);而一个要求下载像样的Unicode字体的网页，比如Arial Unicode MS，下载时间就会达到22Meg。

FontAwesome对这类白痴很有用。版本4.7 font-awesome.min.css的大小为30KB。向上排序，向下排序，字形向上，字形向下提供你的字符。https://fontawesome.com/v4.7/get-started/工作在常规HTML(文本等)。然而，它需要重写，因此在字面跨度上下文中使用起来更加棘手。

jquery已经支持人们可以使用的图标，只需悄悄地下载一个6.8K的字体图像，然后从它的引子中取出大块。包括插入符号(v形)和三角形(箭头)。目录见https://api.jqueryui.com/theming/icons/。包含jquery后，使用代码<span class="ui-icon ui-icon- arrowthick厚-1-n"包含一个字形></span>。您要求的上下箭头是ui-icon-caret-1-n和ui-icon-caret-1-s(用于南北);在低分辨率下，插入符号比三角形看起来更尖。它们可以被着色。

不幸的是，jquery目前似乎只能以16x16像素的分辨率显示图标——这在今天的显示器上只是一粒沙子。它们可以用变换函数放大。但它开始变得潦草。

Jquery图标也可以通过本地覆盖自己的图像，通过background:url()。查看jquery文档。

字节大小图标https://github.com/danklammer/bytesize-icons还不错。

还有其他的。

空三角形的HTML实体 不知道对不对; △= &#9655; ▽= &#9661; △= &#9651;

有几种正确的方法来显示指向下的三角形。

方法一:使用十进制HTML实体

HTML:

▼

---

方法二:使用十六进制HTML实体

HTML:

▼

---

方法三:直接使用字符

HTML:

▼

---

方法四:使用CSS

HTML:

<span class='icon-down'></span>

CSS:

.icon-down:before {
    content: "\25BC";
}

---

这三个方法中的每一个都应该有相同的输出。对于其他符号，同样存在三个选项。有些甚至有第四个选项，允许您使用基于字符串的引用(例如。心;显示♥)。

您可以使用类似Unicode-table.com的参考网站来查找UNICODE支持哪些图标以及它们对应的代码。例如，您可以在http://unicode-table.com/en/25BC/上找到指向下的三角形的值。

请注意，这些方法仅对每个浏览器中默认可用的图标有效。对于像☃，´，★，☂，☭，⎗或⎘这样的符号，这种情况的可能性要小得多。虽然可以为其他UNICODE符号提供跨浏览器的支持，但这个过程有点复杂。

如果你想知道如何添加对不太常见的UNICODE字符的支持，请参阅使用UNICODE补充多语言平面符号创建webfont以获得更多关于如何做到这一点的信息。

---

背景图片

一个完全不同的策略是使用背景图片而不是字体。为了获得最佳性能，最好通过基本编码将图像嵌入到CSS文件中，如eg所述。@weasel5i2和@Obsidian。我建议使用SVG而不是GIF，因为它在性能和符号的清晰度方面都更好。

下面的代码是图标的base64和SVG版本:

/* size: 0.9kb */
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggZD0iTTE2IDE3cTAgMC40MDYtMC4yOTcgMC43MDNsLTcgN3EtMC4yOTcgMC4yOTctMC43MDMgMC4yOTd0LTAuNzAzLTAuMjk3bC03LTdxLTAuMjk3LTAuMjk3LTAuMjk3LTAuNzAzdDAuMjk3LTAuNzAzIDAuNzAzLTAuMjk3aDE0cTAuNDA2IDAgMC43MDMgMC4yOTd0MC4yOTcgMC43MDN6TTE2IDExcTAgMC40MDYtMC4yOTcgMC43MDN0LTAuNzAzIDAuMjk3aC0xNHEtMC40MDYgMC0wLjcwMy0wLjI5N3QtMC4yOTctMC43MDMgMC4yOTctMC43MDNsNy03cTAuMjk3LTAuMjk3IDAuNzAzLTAuMjk3dDAuNzAzIDAuMjk3bDcgN3EwLjI5NyAwLjI5NyAwLjI5NyAwLjcwM3oiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD48L3N2Zz4=

何时使用背景图像或字体

对于许多用例来说，基于svg的背景图像和图标字体在性能和灵活性方面是相当的。要决定选择哪一个，请考虑以下差异:

SVG图像

它们可以有多种颜色 它们可以嵌入自己的CSS和/或由HTML文档设置样式 它们可以作为一个单独的文件加载，嵌入到CSS和HTML中 每个符号都由XML代码或base64代码表示。不能在代码编辑器中直接使用字符或使用HTML实体 当XML代码嵌入到HTML中时，多次使用同一符号意味着重复该符号。在CSS中嵌入文件或将其作为单独的文件加载时，不需要复制 您不能使用颜色、字体大小、行高、背景颜色或其他与字体相关的样式规则来更改图标的显示，但您可以将图标的不同组件单独引用为形状。 您需要了解SVG和/或base64编码 旧版本IE的支持有限或不支持

图标的字体

一个图标只能有一种填充色、一种背景色等。 图标可以嵌入到CSS或HTML中。在HTML中，可以直接使用字符，也可以使用HTML实体来表示字符。 一些符号可以在不使用webfont的情况下显示。大多数符号都不能。 当你的字符嵌入到HTML中时，多次使用同一个符号意味着重复该符号。在CSS中嵌入文件时，不需要复制。 您可以使用颜色、字体大小、行高、背景色或其他与字体相关的样式规则来更改图标的显示 你不需要特殊的技术知识 支持所有主流浏览器，包括旧版本的IE

就我个人而言，只有当你需要多种颜色，而这些颜色无法通过颜色、背景颜色和其他与字体颜色相关的CSS规则来实现时，我才会推荐使用background-images。

使用SVG图像的主要好处是可以为符号的不同组件赋予它们自己的样式。如果您将SVG XML代码嵌入到HTML文档中，这与样式化HTML非常相似。然而，这将导致网页同时使用HTML标记和SVG标记，这可能会显著降低网页的可读性。如果符号在多个页面中重复出现，还会增加额外的负担，而且您需要考虑到旧版本的IE没有或有限支持SVG。