For some reason emoji do not render above a certain size in Chrome. This size seems unrelated to font-size
or scale
, it is just simply the pixel size of the emoji being rendered.
Since the images are not vectors, I can understand the reasoning behind not wanting them to be abnormally large, however since this only effects Chrome I am unsure.
Is this a Chrome bug, or something in the emoji standard that specifies a max intended size?
Here are two examples of non-rendering emoji:
Make sure you have the latest version of Chrome installed. Type in chrome://flags in the URL bar - hit enter. Search Emoji in the search bar. You should find Emoji Context Menu > select Enabled.
Once relaunched, Chrome will have an “Emoji” option in the context menu. To access it, right click on the screen and you will see the option to the top of the context menu. You can then start typing to get the emoji you want to add. This is a pretty neat feature, especially for emoji lovers.
Is this a Chrome bug
Yes, it is. See, for example, these:
Based on a lot of testing, 54px is the current maximum font size for emoji. But I will not give up hope :)
Update October 2018:
The maximum font-size for emoji in Mobile Chrome 69 is 146px.
Screenshot: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00
If you set it to 147px, the emoji are not rendered properly: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400384/snapshots/za103323111cb78aeff2
Some additional info regarding other mobile browsers: https://tobireif.com/posts/maximum_font_size_for_emoji/
Update November 2020:
Desktop Chrome (tested on MacOS) has a bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1153296
Emoji get cut off at certain sizes (more info in the bug report). Emoji look great eg at font-size 120px.
There doesn't seem a limit to the font-size for emoji in Mobile Chrome 83. On an Android tablet, Mobile Chrome renders emoji up to eg font-size 700px. At that size the emoji are blurry, but at font-size 120px and lower they look OK, and at font-size 80px and lower they look great.
I just had the same problem, and I found out that the new max font size for emojis on Android devices is 49px, not 54px as Tobi Reif stated.
I guess this is changing with every new version.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With