Standard Unicode per simboli di controllo multimediale
Pausa: ⏸︎
Lo standard Unicode 13.0 (aggiornamento 2020) fornisce i glifi tecnici vari nell'intervallo HEX 2300–23FF
Tecniche varie
Data l'ampia documentazione Unicode 13.0 , alcuni dei glifi che possiamo associare ai simboli di controllo Media comuni sarebbero i seguenti:
Tastiera e simboli dell'interfaccia utente
23CF ⏏︎ Espelli il supporto
Simboli dell'interfaccia utente
23E9 ⏩︎ avanti veloce
23EA ⏪︎ riavvolgimento, riavvolgimento veloce
23EB ⏫︎ aumento rapido
23EC ⏬︎ diminuzione veloce
23ED ⏭︎ salta alla fine, successivo
23EE ⏮︎ salta all'inizio, precedente
23EF ⏯︎ riproduzione / pausa
alternata 23F1 ⏱︎ cronometro
23F2 ⏲︎ timer
23F3 ⏳︎ clessidra
23F4 ⏴ ︎ indietro, indietro
23F5 ⏵︎ avanti, avanti, riproduci
23F6 ⏶︎ aumenta
23F7 ⏷︎ diminuisci
23F8 ⏸︎ pausa
23F9 ⏹︎ ferma
23FA ⏺︎ registra
Simboli di potenza da ISO 7000: 2012
23FB ⏻︎ standby / alimentazione
23FC ⏼︎ accensione / spegnimento
23FD ⏽︎ accensione
2B58 ⭘︎ spegnimento
Simbolo di alimentazione da IEEE 1621-2004
23FE ⏾︎ power sleep
Utilizzo sul Web:
Un file deve essere salvato utilizzando la codifica UTF-8 senza BOM (che nella maggior parte degli ambienti di sviluppo è impostato per impostazione predefinita) per istruire il parser su come trasformare correttamente i byte in caratteri. <meta charset="utf-8"/>
deve essere utilizzato immediatamente dopo <head>
in un file HTML e assicurarsi che Content-Type: text/html; charset=utf-8
siano impostate le intestazioni HTTP corrette .
Esempi:
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"
Variante standardizzata
Per impedire un glifo di essere "color-emojified" ⏩︎ / ⏩ accodamento codice U + FE0E Testo Presentazione Selettore richiesta di variante standardizzata : (esempio: ⏩︎
)
Incoerenze
I caratteri nella gamma Unicode sono sensibili all'ambiente della famiglia di caratteri che vengono utilizzati, applicazione, browser, sistema operativo, piattaforma.
Se sconosciuto o mancante , potremmo vedere invece simboli come o ▯, o persino un comportamento incoerente a causa delle differenze nelle implementazioni del parser HTML di diversi fornitori.
Ad esempio, sui browser Windows Chromium il suffisso Variant standardizzato U + FE0E è difettoso e tali simboli sono ancora meglio accompagnati da CSS, ad esempio: font-family: "Segoe UI Symbol"
per forzare quel carattere specifico sull'Emoji colorato (di solito riconosciuto come "Segoe UI Emoji") - che sfida lo scopo di U + FE0E in primo luogo - il tempo lo dirà ...
Caratteri icona scalabili
Per aggirare i problemi relativi ai caratteri non supportati , una soluzione praticabile è utilizzare set di caratteri di icone scalabili come ad esempio:
<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>
e molti altri che puoi trovare in natura; e, ultimo ma non meno importante, questo strumento online davvero utile: generatore di icone di caratteri, Icomoon.io .