Как написать цветной смайлик Unicode в IE - PullRequest
Новая
       79

Как написать цветной смайлик Unicode в IE

2 голосов
/ 29 мая 2020

Я хочу написать цветные смайлики Unicode в IE. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>


<body>
    ?????????
</body>
</html>

Если я запустил приведенный выше код на chrome и Edge, он будет выглядеть как цветной смайлик с кошачьей мордой.

Но в IE, смайлики выходят все моно chrome, как показано ниже. enter image description here

Как использовать цветные эмодзи Unicode в браузере IE?

Мне очень жаль, что я ответил на основной вопрос c. Но я не знал, по какому ключевому слову искать его.
Спасибо за то, что прочитали вопросы, и надеюсь, у вас хороший день.

1 Ответ

2 голосов
/ 29 мая 2020

На самом деле, Я настоятельно рекомендую оставить IE в покое, так как на нем больше нет проппера поддержки . Но если вы настаиваете на том, чтобы сделать это на IE, Microsoft предоставила способ решения этой проблемы. Это может показаться сложным, но, на самом деле, это единственный способ заставить смайлики работать должным образом. Очевидно, отшлифованные смайлики Microsoft живут в специальном c системном шрифте с именем Segoe UI Emoji. Чтобы использовать его, вам просто нужно определить класс или что-то в этом роде, а затем назначить его вашим конкретным c элементам с помощью эмодзи.

Итак, ваш окончательный код должен быть примерно таким: 

.emoji {
  font-family: "Segoe UI Emoji";
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
</head>


<body>
  <span class="emoji">?????????</span>
</body>

</html>

ПРИМЕЧАНИЕ: Как @mplungjan сказал нам в комментариях, если вы хотите быть более точными с функцией перекрестного просмотра, вы можете вместо этого использовать ниже : 

.emoji {
  font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
}
...