question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Emojis from Facebook are not colored in PDF

See original GitHub issue

Steps to reproduce

Tell us about your environment:

  • Puppeteer version: 1.14.0
  • Platform / OS version: Windows 10 Pro
  • URLs (if applicable):
  • Node.js version: 10.15.3

What steps will reproduce the problem?

I´ve got a Facebook App that lists recent Posts of a Facebook Page. Even with Emojis, this works well in any Browser. I am Using Puppeteer to generate a PDF from the exakt same page that is shown in the App itself. The problem: All Emojis show up black instead of colored in the resulting PDF.

Settings:

const browser = await puppeteer.launch({headless: true, ignoreHTTPSErrors: true, args: ['--no-sandbox', '--disable-setuid-sandbox']});
const page = await browser.newPage();
await page.setViewport({width: 1400, height: 794, isLandscape: true});
await page.emulateMedia('screen');

What is the expected result? Emojis should show up with color in the PDF:

app_correct

What happens instead? All Emojis show up black:

pdf_wrong

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ateufelcommented, Apr 15, 2019

Yeah, i guess this is not related to Puppeteer, but only to Chromium. Thanx for helping!

0reactions
jelordreygullecommented, May 11, 2020

Do you have solution to this now ? I am also having this kind of issue . Thanks

Read more comments on GitHub >

github_iconTop Results From Across the Web

Emoji disappear when I print, export to pdf, or ... - Ask Ubuntu
I recently updated to 20.04 and I love the new full range of full color emoji but they disappear when I print, export...
Read more >
How to print an div with emoji "❤️" to pdf - Stack Overflow
1 Answer 1 · Use @font-face to embed an icon font and wrap all emoji in spans that use that specific icon font....
Read more >
The struggle of using native emoji on the web
So all right, some “emoji” are not really emoji. This means we need to ensure that some characters (like the smiley face) render...
Read more >
emojis are only in black and white. How do I restore color ...
I had all the colour emojis disappear too but I found that I could get some by going into Settings; Manage Integrations, scroll...
Read more >
Exporting Emojis to PDF - Adobe InDesign - UserVoice
I built a newsletter with the use of the new Apple Emoji "glyphs" in InDesign and when I went to export it as...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found