it-swarm.com.de

Welches Unicode-Symbol soll ich für EDIT verwenden?

Ich versuche, eine sehr leichte Nutzlast auf einem wordpress Plugin, das ich schreibe) zu halten.

Benutzer können:

  • add - +
  • auffrischen - ⟳
  • bearbeiten

Ich denke darüber nach, das Bleistiftzeichen zu verwenden: ✎, bin mir aber nicht sicher. Was ist ein guter klarer Weg, um anzuzeigen, dass Sie mit dieser Aktion Dinge bearbeiten können?

Ich werde auch Tipps für Titel-Tools bereitstellen, aber ich möchte, dass das Symbol so klar wie möglich ist, ohne dass benutzerdefinierte Symbole erstellt werden müssen.

28
MattK

Das einem Standardsymbol zum Bearbeiten am nächsten liegende ist , aber das ist keineswegs allgemein verstanden.

Ich würde vorschlagen, eine zu verwenden Edit Schaltfläche stattdessen.

25
JohnGB

Sie können Fontawesome verwenden. Es ist eine großartige Schriftart, die speziell für Symbole entwickelt wurde. Es bietet viele nützliche Symbole zum Bearbeiten, Hinzufügen, Anmelden, Abmelden, Löschen usw.

http://fortawesome.github.io/Font-Awesome/

Sie verwenden dieses Symbol zum Bearbeiten:

edit icon

Ich persönlich benutze ständig Symbole, denn wenn Sie ein gutes Symbol haben, wissen die Leute, was Sie meinen. Sie können jedoch jederzeit den Text "Bearbeiten" hinter das Symbol setzen.

Beispiel:

© Edit
10
Kees Sonnema

Die Wingdings-Schriftart, die standardmäßig mit Windows geliefert wird, verfügt über ein übersichtliches Symbol, das zum Bearbeiten verwendet werden kann.

Edit Symbol in Wingdings

Dieses Symbol wird anstelle des Fragezeichens ('?') (Unicode 0x3F) angezeigt. Um dies zu Ihrer Seite hinzuzufügen, können Sie Folgendes verwenden:

<span style="font-family:Wingdings;">?</span>


BEARBEITEN:
Anscheinend Wingdings-Schriftfamilie funktioniert nicht unter Firefox und Opera . Stattdessen können Sie das Unicode-Symbol U + 270D verwenden, um Folgendes zu erhalten:

Edit Symbol in Unicode

Im Code würde das ungefähr so ​​aussehen:

<span style='font-size:20px;'>&#x270D;</span>

Und als Unicode-Zeichen ist es hier: ✍

8
SNag

Ich benutze ein gedrehtes Stiftsymbol:

<span class="edit-icon">&#9998;</span>
<style>
.edit-icon {
  display: inline-block;
  transform: rotateZ(90deg);
}
</style>

https://jsfiddle.net/mudroljub/wjstopLf/

Es sieht für mich wie ein Bearbeitungssymbol aus.

3
Damjan Pavlica