Как использовать шрифт emoji на веб-сайте?

Я скачал Google's "Noto Color Emoji" шрифт, но не могу заставить его работать. У меня нет проблем с шрифтами типа «Noto Sans Regular». Но со шрифтом "Noto Цвет Emoji" Я получаю следующие ошибки в Firefox (на Windows 10):Как использовать шрифт emoji на веб-сайте?

downloadable font: no supported glyph shapes table(s) present (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0) 
downloadable font: rejected by sanitizer (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0)

Он также не работает с Chrome, Internet Explorer и Edge, на Windows 10 или Firefox на Ubuntu Linux.

Это мой код:

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <style type="text/css"> 
     @font-face { 
      font-family: 'NotoColorEmoji'; 
      src: url('NotoColorEmoji.ttf') format('truetype'); 
     } 
    </style> 
</head> 

<body> 
    <span style="font-family: 'NotoColorEmoji'">Emojis: </span> 
</body>

Что я делаю неправильно? Используются ли шрифты Emoji по-другому?

источник

2016-10-05 John

Где именно вы получили шрифт? Вы уверены, что он подходит для Интернета? – deceze

У вас есть только с firefox? победить, мак? –

https://github.com/googlei18n/noto-emoji/issues/43 –

Цветные шрифты являются совершенно новыми с несколькими конкурирующими стандартами, которые все еще развиваются и реализуются в общих текстовых библиотеках (Opentype 1.8 только что был выпущен с другим цветовым твистом).

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

Старое программное обеспечение просто не узнает расширения Opentype, добавленные, чтобы сделать эти шрифты возможными.

Наконец, Noto Color Emoji в значительной степени является прототипом, скорее всего, ранние версии не совсем соответствуют тому, что было стандартизировано позже, и даже если это так, то, как используются стандарты цветных шрифтов, по-прежнему, вероятно, будет развиваться поскольку производители шрифтов и потребители шрифтов получают зрелость по этому вопросу.

источник

2016-10-07 13:12:07 nim

цвета шрифты приходят, но вам нужно будет либо:

Реализовать все форматы цвета в одном шрифте -> Я не знаю, если кто-то сделал это, но шрифт будет (4 в общей сложности!) огромный, и выглядит очень сложно и не рекомендуется.
Сделайте один шрифт для каждого формата и загрузите его условно. -> Не рекомендуется, так как некоторые форматы основаны на растровых изображениях, а не векторы & шрифты могут быть огромными (+ 20Mo).
Ждите поддержки формата SVG OpenType на всех платформах.
это сделать в JavaScript, как
- Twemoji «простая библиотека, которая обеспечивает стандартный Emoji UNICODE поддержку на всех платформах.»
- EmojiOne «EmojiOne ™ - это открытый стандарт эможи».

Последнее решение выглядит лучшим вариантом сейчас для использования сети!

источник

2016-11-30 18:56:31

EmojiOne не является бесплатным для коммерческих приложений. – AndroidDev

Как использовать шрифт emoji на веб-сайте?

ответ

Смежные вопросы