Вопрос: Как работают эти значки: 🌍🌎🌏️?


Я вижу этих персонажей как цветные значки:

Он работает только в Firefox для меня. Если вы не можете видеть символы в цвете, это выглядит так в моей системе (вероятно, зависит от шрифта):

image description

Я даже вижу их в названиях firebug и tab:

image description

image description

image description

А также есть полный файл из них. Я также сделал это анимация document.title с ними, что демонстрирует, что они работают даже вне HTML.

Что это?


120
2018-02-01 00:28


Источник


Комментарии не предназначены для расширенного обсуждения; этот разговор был переехал в чат, - Journeyman Geek♦
Я использую Opera, и я определенно не вижу их так, как вы показали на изображении «похоже на это». Итак, у меня возникает соблазн изменить это из вашего вопроса, но это будет не очень существенным ... - Stephan Bijzitter
@StephanBijzitter: тот факт, что вы и другие не видите иконки таким образом Зачем изображение важно. Не удаляйте его. - user2357112
youtube.com/watch?v=tITwM5GDIAI - J. Hougaard
Ключевое слово: OpenType-SVG (stateofwebtype.com/#OpenType-SVG, color.typekit.com) - Prinzhorn


Ответы:


Эти символы являются emojis, которые распознаются стандартами Unicode, которые определяют, что представляет каждый персонаж.

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

Глобус () является символом Unicode 1F30F и является называется  ЗЕМЛЯ ГЛОБУС АЗИЯ-АВСТРАЛИЯ, 2-й () называется  БЕЛЫЙ ТЯЖЕЛЫЙ ПРОВЕРКА и является Unicode 2705.

Таким образом, есть тысячи emojis, некоторые из которых поддерживаются каждым приложением, а некоторые - с меньшей поддержкой. См. Полный список здесь http://www.fileformat.info/info/emoji/browsertest.htm


144
2018-02-01 01:04



Точный поиск для них зависит от используемого вами шрифта, потому что шрифт - это то, что определяет, как должен выглядеть персонаж, а эможис - просто символы. - totymedli
На самом деле, второй (как вы сказали) БЕЛЫЙ ТЯЖЕЛЫЙ ПРОВЕРКА в сочетании с ВАРИАЦИОННЫЙ ВЫБОР-16, ️, скопированный из вопроса, выглядит как белая галочка в зеленой рамке, скопированная с вашего ответа, выглядит как белая галочка с черной рамкой, и когда я вставляю селектор вариаций после вашей белой галочки с черной рамкой, я получаю то же самое ️ белая галочка в зеленой коробке. Скриншот этого комментария для ясности - Stijn
Возможно, они не заметили из-за плохой поддержки шрифтов. В моем браузере зеленый фон не отображается. - user2357112
@Stijn, для меня в Chrome оба из них - зеленый флажок i.imgur.com/Cv5RTFM.png - Yisroel Tech
Это не отвечает на вопрос, который касается как он отображается в Firefox, а не Зачем там есть эможи. - oldmud0


Firefox использует специальный шрифт для этих персонажи emoji, В нем используется относительно новая и в остальном редко используемая функция шрифтов TrueType: многоуровневые цветовые символы. Помимо этого (т. Е. Имеющих специальный шрифт с предварительно окрашенными глифами) эти значки являются обычными символами Юникода.

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


72
2018-02-01 11:41



Если в Win10 есть встроенная поддержка многослойных глифов цвета, почему они все еще отображаются в монохромном, например, в Edge? - Bas
@Bas, как мы видим через инструменты разработчика Edge, Segoe UI Emoji не выбирается для отображения этой страницы (другие монохромные шрифты). Вставка шрифта в атрибут font-family делает трюк: i.imgur.com/IXiNC86.png - aitap
@Bas Цветная поддержка emoji находится в последних обзорах Edge и будет в следующей общедоступной версии. - Josiah Keller
Любопытно, что Firefox в моем ящике Ubuntu 16.10 отображает черно-белые глифы (после этого я загрузился в Win10 и подтвердил, что они действительно окрашены) - Luke
@Luke Ubuntu поддерживает поддержку цветного глифа для Unity 8. - Jop V.


Вкратце: Firefox использует шрифт в котором эти символы выглядят так, как они делают.

Эти символы являются частью стандарта Unicode.

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

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

Кроме того, шрифты также могут иметь свой собственный набор инструментов для этих символов, чтобы символы могли работать с ощущением приложения. Даже внутри приложения вы можете иметь разные страницы, используя разные наборы изображений. Таким образом, вы можете взаимодействовать с персонажем, как в противном случае, но это будет выглядеть иначе.

Вы можете видеть, как именно emoji (for, skip to # 1483) выглядит на разных платформах Вот,


25
2018-02-01 05:16



128 000 - это много иконки для рисования. Я не обвиняю художников в том, что они идут с черно-белыми значками вместо полного цвета. - Dan
@Dan, 128 000 - количество символов, а не символов. К ним относятся и языковые символы, которые огромны для таких языков, как японский или мандаринский. - PulseJet
@Dan, я имел в виду, что не должно быть 128 000 символов, которые должны быть окрашены. Не сказать, что их немного, но это не так близко к 128 000. - PulseJet
Ах, я не хотел подразумевать, что все они должны быть окрашены, а только тот рисунок, который многие из что-нибудь достаточно, чтобы я не хотел усложнять (т. е. цвет) любой из них. Ха-ха. - Dan
@ Да никто не рисует столько кодовых точек, и почти никакие шрифты не содержат символов для всех кодов Unicode. Средство визуализации шрифтов будет замена глифы из другого шрифта, когда текущий шрифт не содержит эти глифы. Почему шрифт не содержит все символы Unicode? - phuclv


Эти символы «работают» так же, как и другие символы, такие как a, ø, λ, ଶୁ,  а также , Работа. Символы представлены абстрактным числом, которое используется для выбора и индексации доступного шрифта для отображения символа.

В вашей системе кажется, что Firefox делает свой собственный рендеринг и имеет доступ к шрифтам, содержащим глифы для, ,  а также , В других приложениях обычно используются шрифты, предоставленные X-сервером (или эквивалентом), поэтому ограничивайте шрифты, которые вы установили или указали на ваш сервер (например, с помощью xset +fp или похожие).

Многоцветные шрифты - это недавняя и все еще довольно экспериментальная разработка; Традиционно шрифтовые глифы представляют собой один цвет, который может быть составлен на фоне любого фона.


2
2018-02-06 09:57





В каждом браузере все по-другому, и вы можете добавить на свой сайт определенный шрифт, который загружается в эти Emojis, Например:

Этот пост над графическим дизайном Есть ли свободные шрифты Emoji? также может быть интересным. Без такого шрифта пользовательского значка вы должны иметь в виду, что ваш веб-сайт будет выглядеть по-разному в каждом браузере.


Это всего лишь список, предназначенный для ускорения работы людей с emojis и юникодами.


1
2018-02-07 12:42





Это всего лишь символы Unicode, поэтому любые текстовые поля, поддерживающие Unicode, могут отображать их без проблем, если шрифт и глифы доступны в системе. Однако внешний вид каждого символа Юникода зависит от используемого ими рендерера и шрифта.

Традиционно персонажи заполняются только одним цветом. Цветные эмозисы - совершенно новая вещь, поэтому их поддержка варьируется от платформы к платформе. Для окраски были изобретены различные методы как встроенные PNG, SVG или слоистые маски, Но для каждого из них требуется новый рендерер, который не был доступен в старых ОС.

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

Изменено

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

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


0
2018-05-22 13:47