shadcn-vue icon indicating copy to clipboard operation
shadcn-vue copied to clipboard

Geist font not rendering with vanilla installation

Open gespinha opened this issue 4 months ago • 3 comments

Hey!

I've just followed the instructions on your docs pages and created a vanilla project, but while I notice some components on the website are rendering with the Geist font, I don't see that happening on my end.

As an example, in the Typography docs I see elements rendered with the correct font, but not on my project when I import the code.

Any idea why this might be happening?

Thanks!

gespinha avatar Jul 22 '25 00:07 gespinha

Hi,

There is an issue that states Geist-font works only with Next.js and does not function correctly with other libraries or frameworks.

Instead of downloading or extracting the font manually, you may want to consider using the non.geist package. Hope this helps.

acfatah avatar Jul 25 '25 03:07 acfatah

Hi,

There is an issue that states Geist-font works only with Next.js and does not function correctly with other libraries or frameworks.

Instead of downloading or extracting the font manually, you may want to consider using the non.geist package. Hope this helps.

If I install Geist manually, would the components not render the font correctly?

gespinha avatar Jul 25 '25 07:07 gespinha

Hi, There is an issue that states Geist-font works only with Next.js and does not function correctly with other libraries or frameworks. Instead of downloading or extracting the font manually, you may want to consider using the non.geist package. Hope this helps.

If I install Geist manually, would the components not render the font correctly?

I'm not sure about it. I've figured out that using the package is much simpler.

acfatah avatar Jul 26 '25 07:07 acfatah