Я намагаюся знайти символ Unicode, щоб кнопка відображала символ паузи Unicode. Мені вдалося виявити, що символ відтворення Unicode є, ►але я шукаю еквівалент символу паузи Unicode.
Відповіді:
Існують різні символи, які можна вважати адекватною заміною, зокрема:
| | - дві стандартні (напівжирні) вертикальні смуги.
▋▋ - ▋і інший▋
▌▌ - ▌і інший▌
▍▍ - ▍і інший▍
▎▎ - ▎і інший▎
❚❚ - ❚і інший❚
Можливо, я пропустив одного-двох, але, думаю, це найкращі. Ось список символів про всяк випадок.
=с transform:rotate(90deg);.
Пауза: ⏸︎
Юникода Стандартний 13.0 (оновлення 2020) забезпечує Різне Технічні гліфи в діапазоні HEX 2300-23FF
Враховуючи велику документацію Unicode 13.0 , деякі гліфи, які ми можемо пов’язати із загальноприйнятими символами керування медіа , будуть такими:
Клавіатура та символи інтерфейсу користувача
23CF ⏏︎ Вийняти носій
Символи інтерфейсу користувача
23E9 ⏩︎ швидке перемотування вперед
23EA ⏪︎ перемотування назад, швидке
повернення назад 23EB ⏫︎ швидке збільшення
23EC ⏬︎ швидке зменшення
23ED ⏭︎ перехід до кінця, наступний
23EE ⏮︎ пропуск до початку, попередній
23EF ⏯︎ перемикання відтворення / паузи
23F1 ⏱︎ секундомір
23F2 clock годинник таймера
23F3 ⏳︎ пісочний годинник
23F4 ⏴ ︎ назад, назад
23F5 ⏵︎ вперед, далі, відтворення
23F6 ⏶︎ збільшення
23F7 ⏷︎ зменшення
23F8 ⏸︎ пауза
23F9 ⏹︎ зупинка
23FA ⏺︎ записСимволи живлення з ISO 7000: 2012
23FB ⏻︎ в режимі очікування / живлення
23FC ⏼︎ увімкнення / вимкнення
23FD ⏽︎ увімкнення
2B58 ⭘︎ вимкнення живленняСимвол живлення з IEEE 1621-2004
23FE ⏾︎ енергетичний сон
Файл потрібно зберегти, використовуючи кодування UTF-8 без специфікації (яка в більшості середовищ розробки встановлена за замовчуванням), щоб проінструктувати парсер, як правильно перетворити байти в символи. <meta charset="utf-8"/>слід використовувати одразу після цього <head>у файлі HTML і переконайтесь, що правильні заголовки HTTPContent-Type: text/html; charset=utf-8 .
Приклади:
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"Щоб гліф не був «кольорово-смайльованим» ⏩︎ / ⏩, додайте код U + FE0E Селектор презентації тексту, щоб запросити стандартизований варіант : (приклад:⏩︎ )
Символи в діапазоні Unicode сприйнятливі до середовища сімейства шрифтів, яке вони використовують, програми, браузера, ОС, платформи.
Коли вони невідомі або відсутні, ми можемо побачити такі символи, як або ▯, або навіть непослідовну поведінку через різницю в реалізаціях синтаксичного аналізатора HTML різними постачальниками.
Наприклад, у браузерах Windows Chromium суфікс стандартизованого варіанта U + FE0E є помилковим, і такі символи все-таки краще супроводжувати CSS, тобто: font-family: "Segoe UI Symbol"накласти цей специфічний шрифт на кольорові смайли (зазвичай розпізнаний як "Emoji UI Segoe") - що не відповідає призначення U + FE0E в першу чергу - час покаже ...
Щоб обійти проблеми, пов’язані з непідтримуваними символами - життєздатним рішенням є використання масштабованих наборів шрифтів значків таких як:
<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>та багато іншого, що можна знайти в дикій природі; і останнє, але не менш важливе, цей справді корисний онлайн-інструмент: генератор значків шрифтів, Icomoon.io .
Наступне може стати в нагоді:
⏩⏪⓫⏬⏭⏮⏯⏴⏵⏶⏷⏸⏹⏺ПРИМІТКА : очевидно, ці символи не дуже добре підтримуються у популярних шрифтах, тому, якщо ви плануєте використовувати його в Інтернеті, обов’язково виберіть веб-шрифт, який їх підтримує.
▐▐ - це HTML і робиться з таким кодом: ▐▐ .
Я знайшов, це в блоці Різне технічне. ⏸ (U + 23F8)
Я використовую ▐ ▌
HTML: ▐ ▌
CSS: \2590\A0\258C
Якщо ви хочете, щоб один із символів відповідав праворучному трикутнику для "гри", спробуйте римську цифру 2. Ⅱ вказано Ⅱв HTML. Якщо ви можете розмістити навколо нього теги форматування, це виглядає дуже добре жирним шрифтом. Ⅱ є <b>Ⅱ</b>в HTML. Це має набагато кращу підтримку, ніж згадана раніше подвійна вертикальна смуга.
Сучасні браузери також підтримують "ДВОЙНУ ВЕРТИКАЛЬНУ БАРКУ" (U + 23F8):
http://www.fileformat.info/info/unicode/char/23f8/index.htm
Для музичного програвача він може виступати супутником для «ЧОРНОГО ВПРАВНОГО ВКАЗУВАЧА» (U + 25BA), оскільки вони обидва мають однакову ширину та висоту, що робить його ідеальним для кнопки відтворення / паузи:
Немає символу, закодованого для використання як символ паузи, хоча різні символи або комбінації символів можуть виглядати більш-менш як символ паузи, залежно від шрифту.
У ході обговорення в загальнодоступному списку розсилки Unicode у 2005 році було запропоновано використовувати дві копії символу U + 275A HEAVY VERTICAL BAR: ❚❚. Але адекватність результату залежить від шрифту; наприклад, гліф, можливо, був розроблений так, щоб смуги були занадто сильно рознесені. - Обговорення списку пояснює, чому символ паузи не був закодований, і це не змінилося.
Таким чином, найкращий варіант - використовувати зображення. Якщо вам потрібно використовувати символ в тексті, то краще за все створити його в досить великих розмірах (скажімо , 60 від 60 пікселів) і масштабувати його до потрібного розміру тексту з допомогою CSS (наприклад, установка height: 0.8emна imgелементі).
Символ ISO 7000 / IEC 60417 для паузи; Переривання - # 5111B. Див. Media_Controls