Can't take screenshot with emoji on Firebase Cloud Functions

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 1.12.2
• Platform / OS version: Firebase
• URLs (if applicable):
• Node.js version: 8

What steps will reproduce the problem? ` import * as functions from ‘firebase-functions’; import * as admin from ‘firebase-admin’; admin.initializeApp(); const storage = admin.storage(); const puppeteer = require(‘puppeteer’);

function screenshot() {
    (async () => {
      const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox', '--disable-setuid-sandbox'] });
      const page = await browser.newPage();
      await page.goto("https://getemoji.com/"); //go to emoji page
      await page.screenshot({
        path: '/tmp/screenshot.png',
        omitBackground: true,
      })
      .then(() => {
        // upload screenshot to firebase storage
        storage.bucket('bucketName').upload('/tmp/screenshot.png')
        .then(() => {
          console.log("success");
        })
        .catch(error => {
          console.log(error);
        });
      })
      .catch(e => {
        console.log(e);
      });
    })();
}

`

1. create HTTP Cloud Function
2. call the screenshot function inside of the HTTP function

What is the expected result? screenshot.png is uploaded to storage, and can see emoji clearly in the image

What happens instead? screenshot.png is uploaded to storage, but can’t see emoji in the image.

here is the result screenshot of “https://getemoji.com/”:

[C0retek]

I had the same issue Puppeteer/headless Chrome rendering emojis as □□□□

For those that are looking for a workaround, here is what worked for me, copy the font file in the local fonts folder:

sudo su

#check if font is installed
fc-match "Noto Color Emoji"

#if not installed install with following line
apt-get install fonts-noto-color-emoji -y

#font will be in shared folder but puppeteer looks into local folder so copy the font there

#create folder and copy file
mkdir -p /usr/local/share/fonts
cp /usr/share/fonts/truetype/noto/NotoColorEmoji.ttf /usr/local/share/fonts/
chmod 644 /usr/local/share/fonts/NotoColorEmoji.ttf

#clear font cache
fc-cache -fv

Hope this helps if anybody has the same issue

[aslushnikov]

@steren surprisingly, I don’t have permissions to create new issue.

But the font identifies itself as “Noto Emoji” for me on Linux. I’d guess installing both https://github.com/googlei18n/noto-emoji and https://github.com/googlei18n/noto-fonts should cover all the needs.