Як працюють ці значки: 🌍🌎🌏✅️?


123

Я бачу цих символів як кольорові значки:

🌍🌎🌏✅️

Для мене це працює лише у Firefox. Якщо ви не бачите символів у кольорі, це виглядає приблизно так у моїй системі (можливо, це залежить від шрифту):

опис зображення

Я навіть бачу їх у заголовках файбу та вкладок:

опис зображення

опис зображення

опис зображення

І повний файл із ними. Я також робив з ними анімацію document.title , яка демонструє, що вони працюють навіть поза HTML.

Що це?


Коментарі не для розширеного обговорення; ця розмова переміщена до чату .
Подорожник Geek

Я використовую Opera, і я точно не бачу їх так, як ви показали на зображенні "це виглядає так". Отже, я спокусився відредагувати це з вашого запитання, але це було б не дуже суттєво ...
Stephan Bijzitter

37
@StephanBijzitter: Той факт , що ви і інші не бачите іконки, спосіб чому зображення має важливе значення. Не видаляйте його.
user2357112


Відповіді:


145

Ці символи - емоджи, які розпізнаються стандартами Unicode, що визначає, що кожен символ представляє.

Точний вигляд їх різний для кожної ОС та кожної програми, але всі зображують одне і те ж.

Глобус (🌏) є символом Unicode 1F30Fі називається ЗЕМЛЯ ГЛОБА АЗІЯ-АВСТРАЛІЯ . другий (✅) називається БІЛОГО ВЕРХОВОГО ПЕРЕВІРКА і є Unicode 2705.

Таким чином, є тисячі емоджи, деякі, які підтримує кожен додаток, а деякі з меншою підтримкою. Повний список дивіться тут http://www.fileformat.info/info/emoji/browsertest.htm


56
Точний вигляд їх залежить від шрифту, який ви використовуєте, адже шрифт - це речі, які визначають, як повинен виглядати персонаж, а емоджи - це лише символи.
totymedli

23
Насправді, другий - це, як ви вже сказали, БІЛИЙ ВЕЛИКИЙ КОНТРОЛЬНИЙ ЗВІТ у поєднанні з ВАРІАЦІЙНИМ СЕЛЕКТОР-16 . Скопійований із запитання схожий на білий прапорець у зеленому полі, ✅ скопійований з вашої відповіді схожий на білий прапорець із чорною облямівкою, і коли я вставляю селектор варіації після вашої ✅ білої галочки з чорною облямівкою, я отримую така ж ✅️ біла галочка в зеленому полі. Скріншот цього коментаря для наочності
Стийн

4
Вони, можливо, не помітили через погану підтримку шрифту. У моєму браузері зелений фон не відображається.
user2357112

8
@Stijn, для мене в Chrome обоє - це галочка із
Tech

6
Це не дає відповіді на запитання, яке стосується того, як він відображається у Firefox, а не чому смайли там.
oldmud0

73

Firefox використовує спеціальний шрифт для цих символів смайлів . Він використовує відносно нову і рідше використовувану функцію шрифтів TrueType: шаруваті кольорові гліфи. Окрім цього (тобто, маючи спеціальний шрифт із попередньо забарвленими гліфами), ці значки є звичайними символами Unicode.

Windows має вбудовану підтримку цих кольорових шрифтів лише у версіях 8.1 і далі , тому Firefox встановлює EmojiOne приватно і використовує власний візуалізатор шрифту в Windows 7. Це також пояснює відсутність барвистих піктограм смайлів у більшості інших програм.


2
Якщо в Win10 є підтримка шаруватих кольорових гліфів, чому вони все ще відображаються в монохромному кольорі, наприклад, Edge?
Бас

5
@Bas, як ми бачимо через інструменти для розробників Edge, Segoe UI Emoji не вибраний для відображення цієї сторінки (це роблять інші монохромні шрифти). Вставлення шрифту в атрибут сім'ї шрифтів робить трюк: i.imgur.com/IXiNC86.png
aitap

4
Підтримка емоційних кольорів @Bas Colors розміщена в останніх попередніх попередніх переглядах Edge та буде в наступній публічній версії.
Джосія Келлер

1
Цікаво, що Firefox на моїй коробці Ubuntu 16.10 відображає чорно-білі гліфи (я завантажився в Win10 згодом і підтвердив, що вони дійсно кольорові)
Лука

2
@Luke Ubuntu має підтримку кольорових гліфів, заплановану для Unity 8.
stommestack

25

Якщо коротко : Firefox використовує шрифт, у якому ці символи виглядають так, як вони є.

Ці символи є частиною Unicode Standard.

Unicode - це галузевий стандарт обчислювальної техніки для послідовного кодування, представлення та обробки тексту, вираженого в більшості світових систем письма. Розроблена спільно зі стандартом універсального кодованого символу (UCS) та опублікована як стандарт Unicode, остання версія Unicode містить репертуар із понад 128 000 символів, що охоплює 135 сучасних та історичних сценаріїв, а також безліч наборів символів. -Вікіпедія

Таким чином, на відміну від ASCII (яких було дуже мало), Unicode містить кілька наборів символів. Тепер, коли було стандартизовано, який код повинен представляти алфавіт чи символ, Unicode точно не визначає, як повинен виглядати символ. Таким чином, всі операційні системи мають власні набори символьної графіки, щоб виглядати по-різному. Це може включати деякі кольорові, а деякі просто контури або чорно-білі.

Також для шрифтів також можливий власний набір зображень для цих символів, щоб символи могли рухатись із відчуттям програми. Навіть усередині програми ви можете мати різні сторінки, використовуючи різні набори зображень. Таким чином, ви можете взаємодіяти з персонажем, як інакше, але це буде просто виглядати інакше.

Ви можете побачити , як саме смайликів (для 🌍🌎🌏, перейдіть до # тисячі чотиреста вісімдесят три) дивитися на різних платформах тут .


4
128 000 - це багато ікон для малювання. Я не звинувачую художників у тому, що вони йдуть із чорно-білими значками замість повнокольорових.
Dan

@Dan, 128 000 - це кількість символів, а не символів. Сюди входять також мовні символи, які мають величезну кількість для таких мов, як японська чи мандаринська.
PulseJet

1
@Dan, я мав на увазі лише те, що немає 128000 символів, які мали б бути кольоровими. Не кажучи, що забарвитись небагато, але це ніде близько 128 000.
PulseJet

1
Ах, я не мав на увазі, що всі вони повинні бути кольоровими, лише те, що малювання, що багато всього , достатньо, щоб змусити мене не хотіти ускладнювати (тобто кольоровий) будь-який з них. Ха-ха.
Дан

2
@Dan ніхто не малює стільки кодових точок, і майже жодні шрифти не містять символів для всіх точок коду Unicode. Візуалізатор шрифту замінить гліфи з іншого шрифту, коли поточний шрифт не містить цих гліфів. Чому не існує шрифту, який містить усі гліфи Unicode?
phuclv

2

Ці символи «робота» точно так само , як і інші символи, такі як a, ø, λ, ଶୁ, і , робота. Символи представлені абстрактним числом, яке використовується для вибору та індексації наявного шрифту для відображення символу.

У вашій системі, здається , що Firefox робить свою власну візуалізацію, а також має доступ до шрифтів , що містить гліфи 🌍, 🌎, 🌏і ✅️. Інші програми, як правило, використовують шрифти, доступні сервером X (або еквівалент), тому обмежуйтеся лише шрифтами, які ви встановили або вказали на ваш сервер (наприклад, з xset +fpподібним).

Багатобарвні шрифти - це нещодавня і досі досить експериментальна розробка; традиційно шрифтові гліфи - це єдиний колір, який можна скласти на будь-якому тлі.


1

У кожному браузері це різне, тому ви можете додати певний шрифт на свій веб-сайт, який завантажується в ці емоджи . Наприклад:

Це повідомлення про графічний дизайн Чи є безкоштовні шрифти Emoji? Можливо, також буде цікаво. Без такого спеціального шрифту значка, ви повинні пам’ятати, що ваш веб-сайт буде виглядати по-різному в кожному браузері.


Це лише список, призначений для швидшого спрямування людей на смайлики та unicode усмішки.


0

Це просто символи Unicode, тому будь-які текстові поля, що підтримують Unicode, можуть відображати їх без проблем за умови наявності шрифту та гліфів у системі. Однак зовнішній вигляд кожного символу Unicode залежить від рендерінга та шрифту, який використовується для них.

Традиційно символи заповнені лише одним кольором. Кольорові емоджи - це зовсім нова річ, тому їх підтримка варіюється від платформи до платформи. Винайдено різні методи фарбування, як вбудовані PNG, SVG або шаруваті маски . Але всі вони потребують нового рендерінгу, який не був доступний у старих ОС.

Як результат, з версії 50.0 Firefox вбудував власний візуалізатор та шрифт для підтримки кольорових смайликів. Ви можете знайти його в примітках до випуску

Змінено

Додано вбудований набір Emoji для операційних систем без вроджених шрифтів Emoji (Windows 8.0 та новіших версій та Linux)

Файл шрифту можна знайти в %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.