オーディオおよびビデオコントロールの一時停止記号のHTML
Html Pause Symbol Audio
解決:
メディア制御記号のUnicode標準
一時停止: ⏸︎
Unicode標準13.0 (2020年更新) を提供します その他の技術 HEX範囲のグリフ 2300〜23FF
その他の技術
広範なUnicode13.0ドキュメントを考えると、一般的なメディア制御シンボルに関連付けることができるグリフのいくつかは次のようになります。
キーボードとUIの記号
23CF⏏︎メディアを排出する
ユーザーインターフェイス記号
23E9⏩︎早送り
23EA⏪︎巻き戻し、早送り
23EB⏫︎急増
23EC⏬︎急減
23ED⏭︎スキップして最後まで、次へ
23EE⏮︎スキップして開始、前
23EF⏯︎再生/一時停止トグル
23F1⏱︎ストップウォッチ
23F2⏲︎タイマー時計
23F3⏳︎砂時計
23F4⏴︎リバース、バック
23F5⏵︎進む、次、遊ぶ
23F6⏶︎増加
23F7⏷︎減少
23F8⏸︎一時停止
23F9⏹︎停止
23FA⏺︎レコード
ISO 7000:2012の電源記号
23FB⏻︎スタンバイ/電源
23FC⏼︎電源のオン/オフ
23FD⏽︎電源オン
2B58⭘︎電源オフIEEE1621-2004の電源記号
23FE⏾︎パワースリープ
Webでの使用:
バイトを文字に正しく変換する方法をパーサーに指示するには、BOMなしのUTF-8エンコーディング(ほとんどの開発環境ではデフォルトで設定されています)を使用してファイルを保存する必要があります。直後に使用する必要があります
HTMLファイルで、正しいHTTPヘッダーを確認します
コンテンツタイプ:text / html; charset = utf-8が設定されます。
例:
HTML⏩絵文字⏩︎標準化されたバリアントCSS.icon-ff:before {content: ' 23E9'} .icon-ff--standard:before {content: ' 23E9 FE0E'} JavaScriptEL_iconFF.textContent = ' u23E9'; EL_iconFF_standard.textContent = ' u23E9 uFE0E'標準化されたバリアント
グリフが存在するのを防ぐため 'color-emojified' ⏩︎/⏩ 追加 コードU + FE0E テキストプレゼンテーションセレクター リクエストするには 標準化されたバリアント : (例:⏩︎)
矛盾
Unicode範囲の文字は、使用されているフォントファミリ環境、アプリケーション、ブラウザ、OS、プラットフォームの影響を受けます。
いつ わからない また ない -代わりに や▯などの記号が表示される場合があります。 一貫性のない動作 ベンダーによってHTMLパーサーの実装が異なるためです。
たとえば、 ウィンドウズ ChromiumブラウザのStandardizedVariantサフィックスU + FE0Eにはバグがあり、そのようなシンボルにはCSSが付属している方がよいでしょう。font-family: 'Segoe UI Symbol'は、その特定のフォントを色付きの絵文字(通常は 'Segoe UI Emoji'として認識されます)に強制します。これは、そもそもU + FE0Eの目的に反します。
スケーラブルなアイコンフォント
関連する問題を回避するため サポートされていない文字 -実行可能な解決策は、を使用することです スケーラブルなアイコンのフォントセット つまり:
FontAwesome
Googleアイコン
一時停止 pause_circle_filled pause_circle_outline 早送り fast_rewind fibre_manual_record play_arrow play_circle_filled play_circle_outline skip_next skip_previous リプレイ 繰り返す ストップ ループ 少し volume_up ボリュームダウン volume_mute volume_off そしてあなたが野生で見つけることができる他の多く;最後になりましたが、この本当に便利なオンラインツール:フォントアイコンジェネレーター、 Icomoon.io 。
適切な代替と見なすことができるさまざまな記号があります。
| | -2つの標準(太字)垂直バー。
▋▋-▋と別の▋
▌▌-▌と別の▌
▍▍-▍と別の▍
▎▎-▎と別の▎
❚❚-❚と別の❚
私は1つか2つを逃したかもしれませんが、これらはより良いものだと思います。念のため、記号のリストを次に示します。
以下が役立つ場合があります。
- ⏩
⏩
- ⏪
⏪
- ⏫
⓫
- ⏬
⏬
- ⏭
⏭
- ⏮
⏮
- ⏯
⏯
- ⏴
⏴
- ⏵
⏵
- ⏶
⏶
- ⏷
⏷
- ⏸
⏸
- ⏹
⏹
- ⏺
⏺
ノート :どうやら、これらの文字は一般的なフォントではあまりサポートされていないため、Webで使用する場合は、これらをサポートするWebフォントを選択してください。