Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Отличие символов между браузерами (https://javascript.ru/forum/dom-window/83275-otlichie-simvolov-mezhdu-brauzerami.html)

Boyenerji 06.11.2021 12:47

Отличие символов между браузерами
 
Вложений: 2
Всем привет. Как сделать так, чтобы в сафари HTML-символы отображались как и в Google Chrome? Safari почему-то их перерисовывает.

Aetae 06.11.2021 13:06

Эти "символы" называются эмодзи. На будущее.
Эмодзи - часть юникода, т.е. ведут себя как буквы. Специфика работы шрифтов в браузере такова, что если какого-то сивола совсем нет в шрифте, он пытается получить этот символ из следующего в списке шрифта пока не дойдёт до дефалтного:
<style>
@import url(https://fonts.googleapis.com/css?family=Inconsolata&text=Hd);
@import url(https://fonts.googleapis.com/css?family=Fruktur&text=o!);
@import url(https://fonts.googleapis.com/css?family=Bebas%20Neue&text=we);
@import url(https://fonts.googleapis.com/css?family=Architects%20Daughter&text=lr);

div {
  font-size: 40px;
  font-family: "Inconsolata", "Fruktur", "Bebas Neue", "Architects Daughter", serif;
}
</style>
<div>Hello world!</div>


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

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


Часовой пояс GMT +3, время: 12:42.