Missing fonts in chart.js in the layer for Node 20

[SOVALINUX]

Hi
First of all thank you for maintaining this repo and publishing as an AWS layer!
Sorry for a bit incomplete description, but decided to raise an issue rather than keep silence :)

Context / Environment:

• AWS Lambda Runtime x86_64
• Node.JS 20x (both Lambda & Layer)
• Using chartjs-node-canvas 4.1.6 and chart.js 3.9.1
• ChartJS config doesn't contain any font settings and special characters in the config: default font & plain English

Issue:
After upgrade from Node.JS 18 to 20 using new Layer version fonts stopped to display properly (image below is shown)
What I see from the logs (no stacktrace unfortunately): Fontconfig error: Cannot load default config file
Unfortunately I don't fully understand how/where to look deeper and is it a issue of this package or some misconfiguration on my end

[charoitel]

Hi @SOVALINUX,

Thanks for reporting this issue. Would you mind to share sample code and let me take some time to investigate? Thank you.

[ag-sudolabs]

I am running into the exact same issue. I am also unable to load any other font file - I am getting Could not parse font file error. You can reproduce it using the sample on your website (with and without the DejaVu font).

[SOVALINUX]

Hi
Looks like we've managed to fix the issue and the reason that the underlying docker image comes w/o preinstalled fonts
So here is how we use it now:

And here is how we changed the lambda deployment:
added resources/fonts/roboto-regular.ttf to the project and updated the bundling:

[Jeff-Tham]

Hi Looks like we've managed to fix the issue and the reason that the underlying docker image comes w/o preinstalled fonts So here is how we use it now:

And here is how we changed the lambda deployment: added resources/fonts/roboto-regular.ttf to the project and updated the bundling:

Thanks, this workaround is working.
if you are using createCanvas, register font is not through canvas object.
please refer to https://www.npmjs.com/package/canvas#registerfont and add commandHooks config to the lambda bundling, same as @SOVALINUX pointed out.

FYI, it is just a workaround. Cloudwatch still log this error.
Fontconfig error: Cannot load default config file

[charoitel]

Hello, thanks for supporting.

There is a new release just published on AWS Serverless Application Repository with update to canvas@3.1.0 and support nodejs22.x, please check and let me know if you have any issue.

Hope everyone enjoy the new release. Thanks~ ^^