ボタンにUnicode一時停止記号を表示させるために、Unicode記号を見つけようとしています。Unicodeの再生シンボルが見つかり►
ましたが、Unicodeの一時停止シンボルに相当するものを探しています。
ボタンにUnicode一時停止記号を表示させるために、Unicode記号を見つけようとしています。Unicodeの再生シンボルが見つかり►
ましたが、Unicodeの一時停止シンボルに相当するものを探しています。
回答:
適切な置換と見なすことができるさまざまなシンボルがあり、次のものが含まれます。
| | -2つの標準(太字)垂直バー。
▋▋- ▋
その他▋
▌▌- ▌
その他▌
▍▍- ▍
その他▍
▎▎- ▎
その他▎
❚❚- ❚
その他❚
私は1つまたは2つを見落としたかもしれませんが、これらはより良いものだと思います。念のためシンボルのリストを以下に示します。
=
しましたtransform:rotate(90deg);
。
一時停止: ⏸︎
ユニコード 規格13.0 (更新2020)提供するその他の技術 HEX範囲のグリフを2300-23FF
広範なUnicode 13.0のドキュメントがあるとすると、一般的なメディアコントロールシンボルに関連付けることができるグリフの一部は次のようになります。
キーボードとUIの記号
23CF mediaメディアの取り出し
ユーザーインターフェイスシンボル
23E9⏩︎
早送り23EA⏪︎巻き戻し、早戻し
23EB⏫︎高速増加
23EC⏬︎高速減少
23ED⏭︎スキップして終了、次の
23EE⏮︎スキップして開始、前の
23EF⏯︎再生/一時停止トグル
23F1⏱︎ストップウォッチ
23F2⏲︎タイマークロック
23F3⏳︎砂時計
23F4⏴ ︎戻る、戻る
23F5⏵︎進む、次に再生
23F6⏶︎増加
23F7⏷︎減少
23F8⏸︎一時停止
23F9⏹︎停止
23FA⏺︎録音ISO 7000:2012の電源記号
23FB⏻︎スタンバイ/電源
23FC⏼︎電源オン/オフ
23FD⏽︎電源オン
2B58⭘︎電源オフIEEE 1621-2004の電源記号
23FE⏾︎パワースリープ
パーサーにバイトを文字に正しく変換する方法を指示するには、BOM(ほとんどの開発環境ではデフォルトで設定されています)なしのUTF-8エンコーディング を使用してファイルを保存する必要があります。 <meta charset="utf-8"/>
直後に使用されるべき<head>
でHTMLファイル、および必ず正しいHTTPヘッダーが作るContent-Type: text/html; charset=utf-8
設定されています。
例:
HTML⏩ Pictograph
⏩︎ Standardized Variant
CSS
.icon-ff:before { content: "\23E9" }
.icon-ff--standard:before { content: "\23E9\FE0E" }
JavaScript
EL_iconFF.textContent = "\u23E9";
EL_iconFF_standard.textContent = "\u23E9\uFE0E"
ことからグリフを防止するために、「色emojified」 ⏩︎/⏩ アペンドコードU + FE0Eのテキストプレゼンテーションセレクタ要求する標準化変異体(例:⏩︎
)
Unicode範囲の文字は、使用されているフォントファミリ環境、アプリケーション、ブラウザ、OS、プラットフォームの影響を受けます。不明または欠落している
場合、代わりに またはlikeなどの記号が表示されるか、異なるベンダーによるHTMLパーサーの実装の違いにより、動作が一貫しない場合があります。
上の例では、Windowsのクロムはブラウザの標準化バリアント接尾辞U + FE0Eはバグがあり、このようなシンボルはまだ良いCSSすなわちを伴っている: (通常「のSegoe UI絵文字」として認識)カラー絵文字の上にその特定のフォントを強制するために-どの挑みますそもそもU + FE0Eの目的-時がたてば…font-family: "Segoe UI Symbol"
サポートされていない文字に関連する問題を回避するには、次のようなスケーラブルなアイコンフォントセットを使用するのが現実的な解決策です。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-arrows-alt"></i>
<i class="fa fa-backward"></i>
<i class="fa fa-compress"></i>
<i class="fa fa-eject"></i>
<i class="fa fa-expand"></i>
<i class="fa fa-fast-backward"></i>
<i class="fa fa-fast-forward"></i>
<i class="fa fa-forward"></i>
<i class="fa fa-pause"></i>
<i class="fa fa-play"></i>
<i class="fa fa-play-circle"></i>
<i class="fa fa-play-circle-o"></i>
<i class="fa fa-step-backward"></i>
<i class="fa fa-step-forward"></i>
<i class="fa fa-stop"></i>
<i class="fa fa-youtube-play"></i>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<i class="material-icons">pause</i>
<i class="material-icons">pause_circle_filled</i>
<i class="material-icons">pause_circle_outline</i>
<i class="material-icons">fast_forward</i>
<i class="material-icons">fast_rewind</i>
<i class="material-icons">fiber_manual_record</i>
<i class="material-icons">play_arrow</i>
<i class="material-icons">play_circle_filled</i>
<i class="material-icons">play_circle_outline</i>
<i class="material-icons">skip_next</i>
<i class="material-icons">skip_previous</i>
<i class="material-icons">replay</i>
<i class="material-icons">repeat</i>
<i class="material-icons">stop</i>
<i class="material-icons">loop</i>
<i class="material-icons">mic</i>
<i class="material-icons">volume_up</i>
<i class="material-icons">volume_down</i>
<i class="material-icons">volume_mute</i>
<i class="material-icons">volume_off</i>
そしてあなたが野生で見つけることができる他の多く; 最後に重要なことですが、これは本当に便利なオンラインツールです:font-icons generator、Icomoon.io。
▐▐はHTMLであり、次のコードで作成されています:▐▐
。
私はそれを見つけました、それは雑多なテクニカルブロックにあります。⏸(U + 23F8)
私は▐▌を使用しています
HTML: ▐ ▌
CSS: \2590\A0\258C
単一の文字である "play"の右向きの三角形に一致させたい場合はⅡ
、ローマ数字2を試してください。ⅡはHTMLです。周りに書式タグを付けることができれば、太字で本当によく見えます。Ⅱは<b>Ⅱ</b>
HTMLです。これは、前述の二重垂直バーよりもはるかに優れたサポートがあります。
最新のブラウザーは「DOUBLE VERTICAL BAR」(U + 23F8)もサポートしています。
http://www.fileformat.info/info/unicode/char/23f8/index.htm
音楽プレーヤーの場合、「BLACK RIGHT-POINTING POINTER」(U + 25BA)のコンパニオンとして機能できます。どちらも同じ幅と高さを共有しているため、再生/一時停止ボタンに最適です。
フォントによっては、さまざまな文字または文字の組み合わせが一時停止記号のように見える場合がありますが、一時停止記号として使用するためにエンコードされた文字はありません。
2005年に公開されたUnicodeメーリングリストでの議論では、U + 275A HEAVY VERTICAL BAR文字の2つのコピーを使用するよう提案されました:❚❚。しかし、結果の妥当性はフォントに依存します。たとえば、バーが離れすぎているようにグリフが設計されている可能性があります。–リストの説明では、一時停止シンボルがエンコードされなかった理由が説明されており、これは変更されていません。
したがって、最良のオプションは画像を使用することです。テキスト内のシンボルを使用する必要がある場合、それは(60 60ピクセルを言う)適切な大きさのサイズでそれを作成し、CSSでテキストのサイズに縮小することが最良である(例えば、設定height: 0.8em
上img
の要素)。
一時停止のISO 7000 / IEC 60417シンボル。割り込みは#5111Bです。Media_Controlsを参照してください