Text Problem when converting SVG to PNG on AWS Lambda

What is the output of running npx envinfo --binaries --languages --system --utilities? My code is running on AWS Lambda Node 10, so I can not invoke this command.

What are the steps to reproduce? On AWS Lambda I run the following function :

...
exports.handler = async function(event) {
  const result = await sharp("/tmp/ImageTemplateBis.svg").png().toBuffer();
  return {
    statusCode: 200,
    headers: {
      'Content-Type': 'image/png' 
    },
    body: result.toString('base64'),
    isBase64Encoded: true
  }

It works. The following image is returned. But the text rendering fails (I get rectangles instead of letters)

What is the expected behaviour? Running this code locally (on Mac) and storing it to a file results in the following png with pretty letters :

I attached the svg in case this helps. ImageTemplateBis.svg.zip

Thank you!

[matt-gohr]

THANKS! Figured it out! Going to add my input here on how I got this to work incase anyone else is having trouble rendering fonts in AWS Lambda like this ticket describes. Also thanks to @lovell for being super responsive to all of the tickets and keeping up with the project.

Since the aws lambda environment doesn’t seem like it has fonts, you have to download them, package them up with your project and reference the path to them (so sharp can get to them) with the FONTCONFIG_PATH env set to where the fonts will be.

So need to create a fonts.conf file that has this XML in it, in the same folder where you store the fonts. I stored mine in a folder called fonts

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <dir>/var/task/fonts/</dir>
  <cachedir>/tmp/fonts-cache/</cachedir>
  <config></config>
</fontconfig>

Then in your function set the font path to this: process.env.FONTCONFIG_PATH='/var/task/fonts'

the var/task/ path is where your lambda function lives on the aws lambda container. So you just need to create a folder in you project called fonts and put this fonts.conf file in it along with a font file. And boom, you’ve got fonts with your shiney new PNG image.

Note: that the font file has to be a .ttf font file type like Roboto-Regular.ttf from google fonts.

[corybill]

@MattGohr First of all THANK YOU!!!

Second, its fonts.conf not font.conf. Can you please update your post. Thanks.