Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Font is unsupported for Vercel og-image generation #91

Open
2 tasks done
robinsmith-source opened this issue Feb 21, 2024 · 0 comments
Open
2 tasks done

Font is unsupported for Vercel og-image generation #91

robinsmith-source opened this issue Feb 21, 2024 · 0 comments
Labels
bug Something isn't working where: package The issue corresponds to the distribution package

Comments

@robinsmith-source
Copy link

robinsmith-source commented Feb 21, 2024

Font Name (Geist Sans/Geist Mono):

  • Geist Sans
  • Geist Mono

Description of the Issue:
I'm using a Next.js 14 App inside a Turborepo. When importing the Geist Sans font from the public folder into src/app/opengraph-image.tsx or src/app/icon.tsx and deploying it on Vercel, I encounter the unsupported GDEF error, as shown below. When importing the Geist Mono font, I get a RangeError, also depicted below.

I managed to resolve the issue by downloading the Geist font from an external source, which likely doesn't cause these errors. Additionally, in my development environment, the font loads perfectly fine.

Steps to Reproduce:

  1. Download Geist from Github release.
  2. Import the font into opengraph-image.tsx or icon.tsx inside a Next.js app.
  3. Deploy the Next.js app on Vercel.

Expected Behavior:
The font from the original source should work seamlessly with all Vercel services.

Screenshots:
Geist Sans Error:
Unsupported GDEF error
Geist Mono Error:
RangeError

Environment (please complete the following information):

  • OS: Windows 11
  • Software: Next.js, Vercel, Turborepo
  • Version of the Font: 1.1

Additional Context:
I also attempted to use nearly all different font types and file extensions provided inside the zip, but none of them resolved the issue.

@robinsmith-source robinsmith-source added the bug Something isn't working label Feb 21, 2024
@guidoferreyra guidoferreyra added the where: package The issue corresponds to the distribution package label Feb 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working where: package The issue corresponds to the distribution package
Projects
None yet
Development

No branches or pull requests

2 participants