Эти "символы" называются эмодзи. На будущее.
Эмодзи - часть юникода, т.е. ведут себя как буквы. Специфика работы шрифтов в браузере такова, что если какого-то сивола совсем нет в шрифте, он пытается получить этот символ из следующего в списке шрифта пока не дойдёт до дефалтного:
<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>
Большинство шрифтов не засоряют себя бесполезным мусором типа эмодзи, а потому эмодзи ты чаще всего видишь дефалтные.
Теперь собственно ответ на вопрос: добавить в список шрифтов, следующим за используемым, шрифт с нужным видом эмодзи.
Где его найти, и как срезать вес - тут уж сам.
