Bir düğmenin Unicode duraklatma sembolünü görüntülemesi için Unicode sembolünü bulmaya çalışıyorum. Unicode çalma sembolünün olduğunu bulabildim, ►ancak Unicode duraklama sembolünün eşdeğerini arıyorum.
Yanıtlar:
Aşağıdakiler dahil olmak üzere yeterli yedek olarak kabul edilebilecek çeşitli semboller vardır:
| | - iki standart (kalın) dikey çubuk.
▋▋ - ▋ve başka▋
▌▌ - ▌ve başka▌
▍▍ - ▍ve başka▍
▎▎ - ▎ve başka▎
❚❚ - ❚ve başka❚
Bir veya iki tanesini atlamış olabilirim, ama bence bunlar daha iyileri. İşte her ihtimale karşı bir sembol listesi .
=ile transform:rotate(90deg);.
Duraklat: ⏸︎
Unicode standardı 13.0 (güncelleştirme 2020 yılında) içerir Çeşitli teknik HEX aralığında motiflerle 2300-23FF
Kapsamlı Unicode 13.0 dokümantasyonu göz önüne alındığında, genel Medya kontrol sembolleriyle ilişkilendirebileceğimiz bazı glifler aşağıdaki gibi olacaktır:
Klavye ve kullanıcı arayüzü sembolleri
23CF ⏏︎ Ortamı çıkar
Kullanıcı arayüzü sembolleri
23E9 ⏩︎ hızlı ileri
23EA ⏪︎ geri sar, hızlı geri
23EB ⏫︎ hızlı artış
23EC ⏬︎ hızlı düşüş
23ED ⏭︎ sona atla, sonraki 23
EE ⏮︎ başlangıca atla, önceki
23EF ⏯︎ oynat / duraklat geçişi
23F1 ⏱︎ kronometre
23F2 ⏲︎ zamanlayıcı saati
23F3 ⏳︎ kum saati
23F4 ⏴ ︎ geri, geri
23F5 ⏵︎ ileri, sonraki, oynat
23F6 ⏶︎
artır 23F7 ⏷︎ azalt
23F8 ⏸︎ duraklat
23F9 ⏹︎ durdur
23FA ⏺︎ kayıtISO 7000: 2012'den güç sembolleri
23FB ⏻︎ bekleme / güç
23FC ⏼︎ güç açık / kapalı
23FD ⏽︎ güç açık
2B58 ⭘︎ güç kapalıIEEE 1621-2004'ten güç sembolü
23FE - güç uyku
Ayrıştırıcıya baytları karakterlere doğru şekilde nasıl dönüştürebileceğini bildirmek için BOM olmadan (çoğu geliştirme ortamında varsayılan olarak ayarlanmıştır) UTF-8 kodlaması kullanılarak bir dosya kaydedilmelidir . bir HTML dosyasında hemen sonra kullanılmalı ve doğru HTTP başlıklarının ayarlandığından emin olun .<meta charset="utf-8"/><head>Content-Type: text/html; charset=utf-8
Örnekler:
HTML⏩ Pictograph
⏩︎ Standardized Variant
.icon-ff:before { content: "\23E9" }
.icon-ff--standard:before { content: "\23E9\FE0E" }
EL_iconFF.textContent = "\u23E9";
EL_iconFF_standard.textContent = "\u23E9\uFE0E"
Olmaktan glif önlemek için "renk emojified" ⏩︎ / ⏩ ekleme kodu U +, FE0E Metin Sunumu Seçici bir isteme Standart varyantı : (örnek: ⏩︎)
Unicode aralığındaki karakterler, kullandıkları yazı tipi ailesi ortamına, uygulamaya, tarayıcıya, işletim sistemine, platforma duyarlıdır.
Ne zaman bilinmeyen veya eksik - biz ya ▯ yerine, hatta gibi simgeleri görebilirsiniz tutarsız davranışları nedeniyle farklı satıcılar tarafından HTML ayrıştırıcı uygulamaları farklılıklar nedeniyle.
Örneğin, Windows Chromium tarayıcılarda Standartlaştırılmış Varyant soneki U + FE0E hatalı ve bu tür sembollere CSS ile daha iyi eşlik edilir, yani: font-family: "Segoe UI Symbol"o belirli Yazı Tipini Renkli Emoji (genellikle "Segoe UI Emoji" olarak bilinir) üzerine zorlamak için - U + FE0E'nin ilk etapta amacı - zaman gösterecek ...
Desteklenmeyen karakterlerle ilgili sorunların üstesinden gelmek için - uygulanabilir bir çözüm, örn. Aşağıdaki gibi ölçeklenebilir simge yazı tipi kümelerini kullanmaktır :
<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>ve vahşi doğada bulabileceğiniz diğer birçok şey; ve son olarak, bu gerçekten yararlı çevrimiçi araç: yazı tipi simgeleri oluşturucu, Icomoon.io .
︎gibi metin sunumu seçicisi ▶︎Firefox'ta ve android için Chrome'da (2020 AC) çalışmıyor gibi görünüyor.
Aşağıdakiler işe yarayabilir:
⏩⏪⓫⏬⏭⏮⏯⏴⏵⏶⏷⏸⏹⏺NOT : Görünüşe göre, bu karakterler popüler yazı tiplerinde çok iyi desteklenmiyor, bu yüzden onu web'de kullanmayı planlıyorsanız, bunları destekleyen bir web yazı tipi seçtiğinizden emin olun.
▐▐ HTML ve bu kodla yapılır: ▐▐.
Buldum, Muhtelif Teknik bloğunda. ⏸ (U + 23F8)
Kullanıyorum ▐ ▌
HTML: ▐ ▌
CSS: \2590\A0\258C
"Oynatma" için sağa bakan üçgenle eşleşen tek karakterli bir karakter istiyorsanız, Romen rakamı 2'yi deneyin. Ⅱ HTML'dir Ⅱ. Çevresine biçimlendirme etiketleri koyabilirseniz, kalın harflerle gerçekten güzel görünür. Ⅱ olduğunu <b>Ⅱ</b>HTML. Bu, daha önce bahsedilen çift dikey çubuğa göre çok daha iyi bir desteğe sahiptir.
Modern tarayıcılar da 'ÇİFT DİKEY ÇUBUĞU' (U + 23F8) destekler:
http://www.fileformat.info/info/unicode/char/23f8/index.htm
Bir müzik çalar için 'SİYAH SAĞ İŞARETLEYİCİ' (U + 25BA) için yardımcı olabilir çünkü her ikisi de eşit genişlik ve yüksekliğe sahiptir, bu da onu bir oynat / duraklat düğmesi için mükemmel hale getirir:
Bir duraklama sembolü olarak kullanılmak üzere kodlanmış bir karakter yoktur, ancak çeşitli karakterler veya karakter kombinasyonları, yazı tipine bağlı olarak az çok bir duraklama sembolü gibi görünebilir.
2005 yılında kamu Unicode posta listesinde bir tartışmada, bir öneri U + 275A AĞIR DİK BAR karakterinin iki kopyasını kullanmak için yapıldı: ❚❚. Ancak sonucun yeterliliği yazı tipine bağlıdır; örneğin, glif, çubuklar birbirinden çok uzak olacak şekilde tasarlanmış olabilir. - Liste tartışması, neden bir duraklama sembolünün kodlanmadığını ve bunun değişmediğini açıklar.
Bu nedenle, en iyi seçenek bir görüntü kullanmaktır. Sembolü metinde kullanmanız gerekiyorsa, en iyisi uygun büyüklükte bir boyutta (örneğin 60 x 60 piksel) oluşturmak ve CSS ile metin boyutuna küçültmek (örneğin, öğe height: 0.8emüzerinde ayarlama yapmak img).
ISO 7000 / IEC 60417 Duraklatma Sembolü; Kesinti # 5111B. Media_Controls'ye bakın