1348 Stimmen

Welche Zeichen können für auf/ab-Dreieck (Pfeil ohne Stiel) verwendet werden, um in HTML angezeigt zu werden?

Ich suche ein HTML- oder ASCII-Zeichen, das ein nach oben oder unten zeigendes Dreieck darstellt, damit ich es als Umschalter verwenden kann.

Ich habe ↑ () und ↓ () gefunden - aber die haben einen schmalen Stiel. Ich suche nur den HTML-Pfeil "Kopf".

1voto

max paint Punkte 29

Ich habe beschlossen, dass die hier empfohlenen beliebtesten Symbole ( und ) zu fett aussehen, also habe ich auf der von Benutzer ADJenks empfohlenen Website codepoints.net diese Symbole gefunden, die mir besser gefallen: (U+1F780) (U+1F781) (U+1F782) (U+1F783)

0voto

ADJenks Punkte 2338

Die Seite, die ich dafür gerne benutze, ist codepoints.net

Hier ist eine Suche nach den Wörtern "arrowhead" und "triangle": https://codepoints.net/search?q=arrowhead+triangle

Es gibt einige Übereinstimmungen für "triangle-headed arrow", die Stiele haben, aber es sind nur 4 kleine Seiten zum Überfliegen und es gibt viele gute Übereinstimmungen mit schönen Details zu jedem Zeichen.

Es gibt auch einen Codeblock für "Verschiedene Symbole und Pfeile" und diese Website listet sie hier auf: https://codepoints.net/miscellaneous_symbols_and_arrows

0voto

le_top Punkte 335

Hier ist noch einer - Unicode U+141E / KANADISCHE SYLLABEN GLOTTALER STOP

0voto

DragonLord Punkte 5803

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.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X