web-dev-qa-db-ja.com

EDITにはどのUnicodeシンボルを使用すればよいですか？

私が書いているwordpressプラグインで非常に軽いペイロードを維持しようとしています。

ユーザーは次のことができるようになります。

  • 追加-+
  • 更新-⟳
  • 編集する

私は鉛筆のグリフを使うことを考えています：✎しかし、それについてはよくわかりません。このアクションで編集できることを示すための明確な方法は何ですか？

タイトルツールのヒントも提供する予定ですが、カスタムアイコンを作成せずに、アイコンをできるだけ明確にしたいです。

website-designweb-appiconssymbols
28
MattK

編集用の標準シンボルに最も近いのは ✎ 、しかしそれは決して普遍的に理解されているわけではない。

私はを使用することをお勧めします Edit 代わりにボタン

25
JohnGB

Fontawesomeを使用できます。それはアイコンのために作られた素晴らしいフォントです。編集、追加、ログイン、ログアウト、削除などの便利なアイコンがたくさんあります。

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

彼らは編集にこのアイコンを使用します：

edit icon

私は個人的に常にアイコンを使用しています。良いアイコンがあれば、人々はあなたが何を意味するのかを知っているからです。ただし、アイコンの後には常に「編集」というテキストを置くことができます。

例：

© Edit
10
Kees Sonnema

Windowsにデフォルトで付属するWingdingsフォントには、EDITに使用できるきちんとしたシンボルがあります。

Edit Symbol in Wingdings

この記号は、疑問符（ '？'）の代わりに表示されます（Unicode 0x3F）。これをページに追加するには、次を使用できます。

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


EDIT：
どうやら WingdingsフォントファミリはFirefoxおよびOperaでは機能しません 。代わりに、UnicodeシンボルU + 270Dを使用してこれを取得できます。

Edit Symbol in Unicode

コードでは、次のようになります。

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

そしてユニコード文字として、ここにそれがあります：：

8
SNag

回転した鉛筆の記号を使用します。

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

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

私には編集アイコンのように見えます。

3
Damjan Pavlica