Могу ли я переопределить стандартные стили эмодзи (как они выглядят) в браузере? - PullRequest
Новая
       9

Могу ли я переопределить стандартные стили эмодзи (как они выглядят) в браузере?

0 голосов
/ 27 марта 2020

У меня есть проект, который использует эмодзи.

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

Так что я бы хотел, чтобы они увидели смайлики со стилями WhatsApp, вместо того, чтобы видеть одну вещь, а затем видеть, как она меняется на другой стиль, когда они вставляют ее в WhatsApp.

Есть ли способ переопределить стили для смайликов в браузере?

Пример: так выглядит на Chrome enter image description here

Так выглядит на Whatsapp enter image description here

Разница в размере заключается в том, что я увеличил масштаб, но это буквально тот же самый эмодзи, скопированный и вставленный из / в WhatsApp-Web и браузер.

Можно ли создать текстовый ввод для создания смайликов выглядят как их версия WhatsApp? 

.arialDiv {
  font-family: Arial;
}

.timesDiv {
  font-family: "Times New Roman";
}

.otherDiv {
  font-family: Helvetica;
}
<div class="arialDiv">
<input class="arialDiv" type="text" value="??? Arial"/>
</div>
<div class="timesDiv">
<input class="timesDiv" type="text" value="??? Times new roman"/>
</div>
<div class="otherDiv">
<input class="otherDiv" type="text" value="??? Helvetica"/>
</div>

enter image description here

Похоже, они используют Helveti c Neue от Линотипа.

https://www.fontmirror.com/helvetica-neue

enter image description here

Но обычный файл шрифта не входит в комплект поставки смайликов.

...