New issue
Advanced search Search tips
Starred by 12 users

Issue metadata

Status: Available
Owner: ----
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug

Sign in to add a comment

Issue 719648: Emoji not rendered at font-size:147px and larger on Android

Reported by, May 8 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.96 Safari/537.36

Steps to reproduce the problem:
1. Open on Galaxy S6 Android 5.0 Chrome 58 (eg via ). The emoji get rendered.
2. Open (same file but with 55px instead of 54px font size for the emoji).
The emoji don't get rendered.

What is the expected behavior?
The emoji should always get rendered, up to large sizes.

What went wrong?
When you set the font size to 55px or larger, the emoji are not shown on this setup.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 58.0.3029.96  Channel: stable
OS Version: OS X 10.12.4
Flash Version: 

I hope you can ensure that Chrome always renders emoji, in sizes up to eg 128px or more.
1.5 KB View Download
1.5 KB View Download

Comment 1 by, May 8 2017

The page
on the specified setup:

Comment 2 Deleted

Comment 3 by, May 8 2017

The page
(font size 55px)
on the specified setup:

Comment 4 Deleted

Comment 5 Deleted

Comment 6 Deleted

Comment 7 by, May 8 2017

Bug #501071 might be related.

Comment 8 by, May 8 2017

(When I linked the other bug report using the full URL it always got deleted immediately.)

Comment 9 by, May 8 2017

Components: UI
Labels: Needs-Triage-M58

Comment 10 by, May 8 2017

Components: -UI Blink>Fonts

Comment 11 by, May 9 2017

Labels: -OS-Mac OS-Android
Looks like android issue.Adding android OS.

Comment 12 by, May 9 2017

Status: Available (was: Unconfirmed)

Comment 13 by, Oct 6 2017

I've got what looks like the same issue on Chrome 61.0.3163.100 on macOS High Sierra 10.13 (17A365).

Here is the code I used to show the emoji is not rendered above 128px in the font-size, and no more if I divide the font-size by 2 and use a transform to scale up twice: 

data:text/html;charset=utf-8,<body><p style="font-size:128px">128px: %F0%9F%98%B1</p><p style="font-size:129px">129px: %F0%9F%98%B1</p><p style="font-size:65px; transform: scale(2); transform-origin: top left">64px * 2: %F0%9F%98%B1</p>

Comment 14 by, Oct 7 2017

I forgot to mention in my previous comment that I'm using a Macbook 12" Retina.

Comment 15 by, Oct 27 2017

I've made a small video to show that emojis are shown on a non Retina screen, but disappear when the window is moved onto the Retina screen:

Comment 16 by, Mar 1 2018

I hope you can ensure that emoji get rendered up to large sizes.

Comment 17 by, Mar 21 2018

I believe this is fixed in 67.0.3371.0 (and possibly earlier versions too, anything that picked up

Comment 18 by, Mar 22 2018

That's great news!

Unfortunately I can't test in mobile Chrome 67 (yet).

Comment 19 Deleted

Comment 21 by, Oct 1

The new limit is font-size 146px (in mobile Chrome 69):


At font-size 147px are not rendered properly:

I don't know whether it's feasible to support sizes larger than 146px.

Comment 23 by, Feb 11

Summary: Emoji not rendered at font-size:147px and larger on Android (was: Emoji not rendered at font-size:55px and larger on Android)

Sign in to add a comment