Cannot read properties of undefined (reading '265')

[shinyuna]

Description / Observed Behavior

When using the Satori library, approximately 1 out of every 2 attempts fails to generate an SVG, throwing the following error: Cannot read properties of undefined (reading '265').

Expected Behavior Satori should generate the SVG consistently without encountering this error.

Reproduction

• https://codesandbox.io/p/devbox/pfk83h

1. npm run dev
2. Enter URL : https://pfk83h-3000.csb.app/api/og

Additional Context

Satori version: 0.12.0 Configuration details:

• We are using the loadAdditionalAsset option to dynamically load required fonts as part of the SVG generation process.
• Local font files in both .ttf and .otf formats are being used for the dynamic font loading.

This issue might be related to the dynamic asset loading process, as the error occurs sporadically.

[shinyuna]

I think there is a problem with this dependency.

[erxclau]

Hey @shinyuna, the error you're running into seems similar to the error in https://github.com/vercel/satori/issues/162. Are you loading variable fonts? If not, would you be able to provide a reproduction?

[shinyuna]

Hey @shinyuna, the error you're running into seems similar to the error in #162. Are you loading variable fonts? If not, would you be able to provide a reproduction?안녕하세요 @shinyuna, 발생한 오류는 #162의 오류와 유사한 것 같습니다. 가변 글꼴을 로드하고 있습니까? 그렇지 않다면 복제품을 제공할 수 있습니까?

I do not use variable fonts. Here is the reproduction! https://codesandbox.io/p/devbox/pfk83h

You can see the same error here.

1. npm run dev
2. enter preview url https://pfk83h-3000.csb.app/api/og

[erxclau]

@shinyuna The three Noto Sans font files you are using are actually variable fonts, at least according to Google Fonts.

I think variable fonts essentially include all of the different font weights for a typeface into a single file. To fix this, you can download a specific font weight version from Google Fonts.

For example, when I download Noto_Sans_SC from Google Fonts, I get a static folder that includes all of the various font weights:

I was able to generate this image after changing from variable fonts to a regular static font:

Here is my fork of the reproduction: https://codesandbox.io/p/devbox/satori-forked-9m7ypl