Unicode-Standard für Mediensteuerungssymbole
Pause: ⏸︎
Der Unicode- Standard 13.0 (Update 2020) enthält die verschiedenen technischen Glyphen im HEX-Bereich 2300–23FF
Sonstiges Technisch
In Anbetracht der umfangreichen Unicode 13.0-Dokumentation lauten einige der Glyphen, die wir allgemeinen Mediensteuerungssymbolen zuordnen können, wie folgt:
Tastatur- und UI-Symbole
23CF ⏏︎ Medien auswerfen
Symbole der Benutzeroberfläche
23E9 ⏩︎ schneller Vorlauf
23EA ⏪︎ Rücklauf, schneller
Rücklauf 23EB ⏫︎ schneller Anstieg
23EC ⏬︎ schneller Rückgang
23ED ⏭︎ bis zum Ende
springen , nächster 23EE ⏮︎ zum Start
springen , vorheriger 23EF ⏯︎ Wiedergabe / Pause
umschalten 23F1 ⏱︎ Stoppuhr
23F2 ⏲︎
Timeruhr 23F3 ⏳︎ Sanduhr
23F4 ⏴ ︎ Rückwärts, Zurück
23F5 ⏵︎ Vorwärts, Weiter, Wiedergabe
23F6 ⏶︎ Erhöhen
23F7 ⏷︎ Verringern
23F8 ⏸︎ Pause
23F9 ⏹︎ Stoppen
23FA ⏺︎ Aufnahme
Leistungssymbole aus ISO 7000: 2012
23FB ⏻︎ Standby / Stromversorgung
23FC ⏼︎ Ein- / Ausschalten
23FD ⏽︎ Einschalten
2B58 ⭘︎ Ausschalten
Leistungssymbol von IEEE 1621-2004
23FE ⏾︎ Power Sleep
Verwendung im Web:
Eine Datei muss mithilfe der UTF-8-Codierung ohne Stückliste (die in den meisten Entwicklungsumgebungen standardmäßig festgelegt ist) gespeichert werden, um den Parser anzuweisen, wie die Bytes korrekt in Zeichen umgewandelt werden. <meta charset="utf-8"/>sollte unmittelbar danach <head>in einer HTML-Datei verwendet werden , und stellen Sie sicher, dass die richtigen HTTP-HeaderContent-Type: text/html; charset=utf-8 sind.
Beispiele:
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"
Standardisierte Variante
Um zu verhindern, dass eine Glyphe "farbemojifiziert" wird ⏩︎ / ⏩, fügen Sie den Code U + FE0E Text Presentation Selector hinzu , um eine standardisierte Variante anzufordern : (Beispiel:⏩︎ )
Inkonsistenzen
Zeichen im Unicode-Bereich sind anfällig für die verwendete Schriftfamilienumgebung, Anwendung, Browser, Betriebssystem und Plattform.
Wenn dies unbekannt ist oder fehlt , werden möglicherweise stattdessen Symbole wie oder ▯ oder sogar inkonsistentes Verhalten aufgrund von Unterschieden bei der Implementierung von HTML-Parser durch verschiedene Anbieter angezeigt .
In Windows Chromium-Browsern ist beispielsweise das Suffix U + FE0E für standardisierte Varianten fehlerhaft, und solche Symbole werden immer noch besser von CSS begleitet, dh: font-family: "Segoe UI Symbol"diese bestimmte Schriftart über das farbige Emoji zu erzwingen (normalerweise als "Segoe UI Emoji" erkannt) - was trotzt Der Zweck von U + FE0E in erster Linie - die Zeit wird es zeigen ...
Skalierbare Symbolschriftarten
Zur Umgehung Problemen im Zusammenhang nicht unterstützte Zeichen - eine tragfähige Lösung verwenden skalierbare Symbol font-Sets .:
<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>
und viele andere, die Sie in freier Wildbahn finden können; und zu guter Letzt dieses wirklich nützliche Online-Tool: Font-Icons Generator, Icomoon.io .