[BUG] EROFS: read-only file system, mkdir '/opt/fonts/.fonts'

Environment

• chrome-aws-lambda Version: 5.5.0
• puppeteer / puppeteer-core Version: 5.5.0
• OS: Linux
• Node.js Version: 12.x
• Lambda / GCF Runtime: nodejs12.x

Expected Behavior

Using font should load the font

Current Behavior

AWS Lambda throws an error

"EROFS: read-only file system, mkdir '/opt/fonts/.fonts'"

Steps to Reproduce

const chromium = require('chrome-aws-lambda');

exports.handler = async (event, context, callback) => {
  let result = null;
  let browser = null;

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

    await chromium.font('./fonts/Arial.ttf'); // Or any valid URL with a font in it

    let page = await browser.newPage();

    await page.goto(event.url || 'https://example.com');

    result = await page.title();
  } catch (error) {
    return callback(error);
  } finally {
    if (browser !== null) {
      await browser.close();
    }
  }

  return callback(null, result);
};

Possible Solution

[alixaxel]

@QAnders Apologies for only now getting to this. A few pointers:

• The fonts will be placed under $HOME/.fonts/ (as it is usually in any other POSIX system).
  • On Lambda, $HOME is not set, and because it needs to be writable, it’s set to /tmp by this package.
• The local fonts should be passed to font() with absolute paths (I will add this note to the README).
• The fontconfig file will look for fonts under /tmp/aws/.fonts and /tmp/.fonts.
  • I will be adding support for /opt/.fonts in the fontconfig, which will make provisioning fonts via Layers easier.

[hoangtrieukd]

1. I had changed HOME env /opt/fonts to /tmp and its working.
2. I stored some fonts in layer for headless run. is that correct?
3. “When AWS unpacks your Lambda it will find and “install” the fonts found in the fonts.config from the fonts directory automatically.” You mean i have to download all font i need. And store in fonts dir at root project => I think it will be increase lambda size to limit.