Chrome&Chromium will not display webfonts, @import fonts on Ubuntu 16

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 1.4.0
• Platform / OS version: Ubuntu Server 16.04 LTS
• URLs (if applicable): http://graphemica.com/⧁
• Node.js version: v8.11.2

What steps will reproduce the problem?

1. Open new browser & page
2. Navigate to URL
3. Take screenshot to file on disk

Please include code that reproduces the issue.

'use strict';

const puppeteer = require('puppeteer');

(async() => {
  const browser = await puppeteer.launch({
	headless: false, 
	executablePath: '/usr/bin/google-chrome-stable',
	args: ['--no-sandbox','--disable-web-security','--disable-gpu', '--hide-scrollbars', '--disable-setuid-sandbox']
  });
  const page = await browser.newPage();
  await page.goto('http://graphemica.com/%E2%A7%81');
  await page.screenshot({path: 'example.png'});
  await browser.close();
})();

What have I tried?

• Bundled version of Chromium and latest stable Chrome
• Headless and non-headless

What is the expected result? As rendered on my Windows 7 desktop:

What happens instead? The icon is not rendered, instead the placeholder box is shown

Any help would be appreciated, already spent most of the day on this issue.

[noinkling]

I found this works for me without having to use the networkidle options:

await page.goto(...);
await page.evaluateHandle('document.fonts.ready');

Documentation is kinda sparse on this browser API, but there’s some more info here: https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded/32292880#32292880

[aslushnikov]

I agree with @punkkk - the following works just fine for me on pptr v1.5.0:

const puppeteer = require('puppeteer');

(async() => {
  const browser = await puppeteer.launch({
    headless: false,
    args: ['--no-sandbox','--disable-web-security','--disable-gpu', '--hide-scrollbars', '--disable-setuid-sandbox']
  });
  const page = await browser.newPage();
  await page.goto('http://graphemica.com/%E2%A7%81');
  await page.screenshot({path: 'example.png'});
  await browser.close();
})();