Website rendering of Geist 600/700-weight font is a bit rough

sveltecult / franken-ui

Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

https://franken-ui.dev

MIT License

1.06k stars 12 forks source link

Website rendering of Geist 600/700-weight font is a bit rough #5

Closed hooch closed 2 weeks ago

hooch commented 1 month ago

The demo here uses the Geist font without loading a bold version of the font, and then proceeds to apply font-weight: bold to the heading text.

This generates a poorly rendered bold font.

sveltecult commented 1 month ago

A screenshot would be nice. The docs uses variable font which I believe do not need to load a bunch of font weights. Please be specific on what device and browser are you using. Those can help fix the problem.

hooch commented 1 month ago

Here's a screenshot comparing Vercel's use of the font. When I disable the font-synthesis-weight: none property on Vercel's side, the font starts to look rough like what I was referring to in my initial comment.

sveltecult commented 2 weeks ago

This is docs-specific issue. Closing this for now.