120

Я вижу эти символы в виде цветных значков:

✅️

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

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

Я даже могу видеть их в названиях вкладок:

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

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

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

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

Что это такое?

6 ответов6

144

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

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

Глобус () имеет символ Unicode 1F30F и называется EARTH GLOBE ASIA-AUSTRALIA. 2-й (called) называется WHITE HEAVY CHECK MARK и является Unicode 2705.

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

72

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

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

25

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

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

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

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

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

Вы можете увидеть, как именно смайлики (например, перейдите к # 1483) выглядят на разных платформах здесь.

2

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

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

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

1

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

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


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

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

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

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

Изменено

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

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .