Ios safari emoji font size error (cannot scale)

Question

I am trying to use some ios emoji in my html, for example:

<h1>🍮</h1>

and when i change the font size like:

<h1 style="font-size: 100px;">🍮</h1>

emoji scales correctly in safari (mac), but safari (ios) doesn't scale at all - it looks like font size doesn't affect emoji in safari (ios).

I'm not sure if this is true ...

Any suggestion would be appreciated, thanks :)

+3

supersuraccoon Apr 17 15 at 10:03

1 answer

tiberke · Answer 1 · 2016-04-10T10:48:47+0000

Try using a pseudo element.

.custard::after {
      content: "\1F36E";
      font-size: 100px;
}