Unicode Pfeile scheinen ziemlich veraltet zu sein, denn bis 2021 scheinen Android-Telefone nicht mit vollständigen Unicode-Schriftarten installiert zu kommen, die Pfeile enthalten (einfach die meisten Sprachfonts, d.h. Chinesisch, Arabisch, etc.); und eine Webseite, die darum bittet, eine anständige Unicode-Schriftart wie Arial Unicode MS herunterzuladen, wird Ihre Download-Zeit um 22 Megabyte verlängern.
FontAwesome ist ziemlich nützlich für diese Art von Dingbats. Die Version 4.7 font-awesome.min.css wiegt 30KB. sort-up, sort-down, chevron-up, chevron-down bieten Ihre Zeichen. https://fontawesome.com/v4.7/get-started/
Funktioniert gut in regulärem HTML (Text usw.). Es erfordert jedoch eine Neuschreibung, und daher ist es in wörtlichen Span-Kontexten schwieriger zu verwenden.
jquery unterstützt bereits Icons, die die Leute verwenden können, indem sie stillschweigend ein 6,8K-Fontbild herunterladen und dann unter der Haube Teile davon herausholen. Sowohl Carets (Chevrons) als auch Dreiecke (Pfeilspitzen). Siehe https://api.jqueryui.com/theming/icons/ für einen Katalog. Nach dem Einbinden von jquery fügen Sie ein Glyph durch Verwendung des Codes ein. Die von Ihnen angeforderten Auf- und Ab-Pfeile sind ui-icon-caret-1-n
und ui-icon-caret-1-s
(für Nord und Süd); die Carets sind besser als Dreiecke, um bei niedriger Auflösung spitz auszusehen. Und sie können coloriert werden.
Leider scheint jquery derzeit fest verdrahtet zu sein, um Icons mit einer Auflösung von 16x16 Pixel anzuzeigen--ein Sandkorn auf den Monitoren von heute. Sie können sie mit der Transformationsfunktion vergrößern. Aber es wird unordentlich.
jquery Icons können auch gehackt werden, indem Sie lokal mit Ihrem eigenen Bild überschrieben werden, durch background:url(). Siehe die jquery-Dokumentation.
Bytesize Icons https://github.com/danklammer/bytesize-icons
ist nicht schlecht.
es gibt andere.