Non-English characters are showing as rectangle boxes

Steps to reproduce

Environment Details:

• Puppeteer version: puppeteer-core : 2.0.0
• Platform / OS version: AWS Lambda
• URLs (if applicable): http://dir.hinkhoj.com
• Node.js version: 10

Code that reproduces the issue.

  const browserConfig = {
    args: chromium.args,
    defaultViewport: chromium.defaultViewport,
    executablePath: await chromium.executablePath,
    headless: chromium.headless
  }
  console.log('launching the browser');
  browser = await puppeteer.launch(browserConfig);

  const page = await browser.newPage();
  await page.goto('http://dir.hinkhoj.com');

  await page.screenshot({fullPage: true});

What is the expected result? Website contains Hindi language fonts which are not rendering.

What happens instead? It’s showing Hindi fonts as rectangle boxes. It’s happening on AWS Lambda only.

[alixaxel]

@theashishranjan Your syntax is off, should be:

await chromium.font('https://rawcdn.githack.com/.../NotoSansDevanagari/NotoSansDevanagari-Regular.ttf');
await chromium.font('yetAnotherFont.ttf');

const browser = await puppeteer.launch({
    args: chromium.args,
    defaultViewport: chromium.defaultViewport,
    executablePath: await chromium.executablePath,
    headless: true
});

[alixaxel]

@swngarg1308 FYI: since version 3.0.4 the font method accepts paths to local files too and it will symlink them into the correct directory (which should be faster than copying them). Example:

const files = fs.readdirSync('/var/task/fonts');
const chromium = require('chrome-aws-lambda');

for (let file of files) {
    await chromium.font(file);
}