Standar Unicode untuk Simbol Kontrol Media
Jeda: ⏸︎
The Unicode Standard 13,0 (update 2020) memberikan Miscellaneous Teknis mesin terbang di kisaran HEX 2300-23FF
Lain-lain Teknis
Mengingat dokumentasi Unicode 13.0 yang ekstensif , beberapa mesin terbang yang dapat kita kaitkan ke simbol kontrol Media umum adalah sebagai berikut:
Simbol keyboard dan UI
23CF ⏏︎ Keluarkan media
Simbol antarmuka pengguna
23E9 ⏩︎ maju cepat
23EA ⏪︎ mundur, mundur cepat
23EB ⏫︎ peningkatan cepat
23EC ⏬︎ penurunan cepat
23ED ⏭︎ lompat ke akhir,
23EE berikutnya ⏮︎ lompat ke awal, sebelumnya
23EF ⏯︎ putar / jeda beralih
23F1 ⏱︎ stopwatch
23F2 ⏲︎ jam
pengatur waktu 23F3 ⏳︎ jam pasir
23F4 ⏴ ︎ mundur, mundur
23F5 ⏵︎ maju, berikutnya, putar
23F6 ⏶︎ tingkatkan
23F7 ⏷︎ kurangi
23F8 ⏸︎ jeda
23F9 ⏹︎ hentikan
23FA ⏺︎ rekor
Simbol daya dari ISO 7000: 2012
23FB ⏻︎ siaga / daya
23FC ⏼︎ daya hidup / mati
23FD ⏽︎ daya hidup
2B58 ⭘︎ matikan
Simbol daya dari IEEE 1621-2004
23FE ⏾︎ power sleep
Gunakan di Web:
File harus disimpan menggunakan pengkodean UTF-8 tanpa BOM (yang di sebagian besar lingkungan pengembangan disetel secara default) untuk menginstruksikan pengurai cara mengubah byte menjadi karakter dengan benar. <meta charset="utf-8"/>harus digunakan segera setelah <head>dalam file HTML , dan pastikan header HTTP yang benar Content-Type: text/html; charset=utf-8telah disetel.
Contoh:
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"
Varian standar
Untuk mencegah mesin terbang dari menjadi "warna-emojified" ⏩︎ / ⏩ append kode U + FE0E Teks Presentasi Selector untuk meminta Standar varian : (contoh: ⏩︎)
Inkonsistensi
Karakter dalam kisaran Unicode rentan terhadap lingkungan keluarga font yang digunakan, aplikasi, browser, OS, platform.
Jika tidak diketahui atau hilang - kami mungkin melihat simbol seperti atau ▯, atau bahkan perilaku yang tidak konsisten karena perbedaan dalam penerapan parser HTML oleh vendor yang berbeda.
Misalnya, pada browser Windows Chromium, sufiks Varian Standar U + FE0E bermasalah, dan simbol semacam itu masih lebih baik disertai dengan CSS yaitu: font-family: "Segoe UI Symbol"untuk memaksa Font tertentu di atas Emoji Berwarna (biasanya dikenal sebagai "Segoe UI Emoji") - yang menentang tujuan dari U + FE0E di tempat pertama - waktu akan memberi tahu ...
Font ikon yang skalabel
Untuk menghindari masalah yang terkait dengan karakter yang tidak didukung - solusi yang layak adalah dengan menggunakan set font ikon yang dapat diskalakan seperti misalnya:
<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>
dan banyak lagi yang dapat Anda temukan di alam liar; dan yang tak kalah pentingnya, alat online yang sangat berguna ini: generator font-icons, Icomoon.io .