Using with Tailwind CSS docs leads to Cumulative Layout Shift

[barrymichaeldoyle]

Font Name (Geist Sans/Geist Mono):

• Geist Sans
• Geist Mono

Description of the Issue:
When using the docs supplied here https://www.npmjs.com/package/geist?activeTab=readme#with-tailwind-css there is an initial flash of rendering a fallback font which causes a Cumulative Layout Shift from initially rendering the screen. It's not great for my lighthouse score :)

Reverting to https://www.npmjs.com/package/geist?activeTab=readme#app-router solves it.

Steps to Reproduce:

1. Follow the https://www.npmjs.com/package/geist?activeTab=readme#with-tailwind-css
2. See layout shift on load (disable cache and run on slow network to se layout shift on text)
3. Follow https://www.npmjs.com/package/geist?activeTab=readme#app-router to see it working fine

Expected Behavior:
I expect the tailwind css docs to recommend a way that works without cumulative layout shift (i.e. it should work like the app-router docs)

Environment (please complete the following information):

• OS: MacOS
• Software: NextJS 14
• Version of the Font: 1.0.1

[KaivG]

I am experiencing the same issue. What does the where: other label mean? Has anyone found a work-around?