Font loading causes Cumulative Layout Shift (CLS)

Valutazione

Direzione di ricerca

Descrizione

Preflight checklist

• I could not find a solution in the existing issues, docs, nor discussions.
• I agree to follow this project's Code of Conduct.
• I have read and am following this repository's Contribution Guidelines.
• I have joined the Ory Community Slack.
• I am signed up to the Ory Security Patch Newsletter.

Ory Network Project

No response

Describe the bug

The docs site experiences layout shift when custom fonts load because the fallback fonts (sans-serif, monospace) have different metrics than our web fonts (Inter, JetBrains Mono). This causes visible "jank" as text reflows when fonts swap in.

This seems to negatively impact Core Web Vitals CLS score.

Reproducing the bug

PageSpeed Insights

1. Go to PageSpeed Insights - /kratos/bring-your-own-ui/custom-ui-advanced-integration
2. Enter the docs URL
3. Click on Desktop tab
4. Scroll down and click Layout shift culprits to expand

Chrome DevTools Performance Tab

Relevant log output

Relevant configuration

Version

1.0.0

On which operating system are you observing this issue?

None

In which environment are you deploying?

None

Additional Context

No response

Preparare l'ambiente

Come iniziare

1. Leggi tutta la issue e poi la guida ai contributi del progetto.
2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
3. Fai un fork del repository e lavora su un branch.
4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ory/docs

• Oathkeeper docs claim a max_request_body_size config on the remote authorizer that doesn't exist in the schema or source

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  bug

  Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100

  ory/docs#2706 · 1 commento · Aperta il 21/9/2026

• upstream reference closed: github.com/w3c/webauthn/issues/1372

  Forse di nuovo libera @Faisal-9999 l’ha presa 38 giorni fa e non c’è nessuna pull request aperta. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  good first issue help wanted upstream

  Difficoltà 1/5 1-3 ore Idoneità per principianti 72/100

  ory/docs#2684 · 2 commenti · Aperta il 18/7/2026

• Inconsistent "revoke_active_sessions" hook docs

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  bug

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 78/100

  ory/docs#2651 · Aperta il 29/6/2026

• upstream reference closed: github.com/ory/hydra/issues/3363

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  good first issue help wanted upstream

  Difficoltà 1/5 1-3 ore Idoneità per principianti 72/100

  ory/docs#2590 · Aperta il 27/5/2026

• Shared kratos pages can only belong to one sidebar — OEL readers lose navigation context

  Forse di nuovo libera @hperl l’ha presa 90 giorni fa e non c’è nessuna pull request aperta. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  ory/docs#2674 · 1 assegnatario · Aperta il 12/7/2026

Tutte le issue di ory/docs

Issue simili

• supadata_scrape: the noLinks input description disagrees with the API documentation

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 72/100

  supadata-ai/mcp#27 · Aperta il 10/10/2026

• navigator.sendBeacon() leaves its fetch() promise unhandled, so a failed beacon becomes an unhandled rejection

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  bug

  Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100

  capricorn86/happy-dom#2485 · Aperta il 10/10/2026

  I maintainer di solito rispondono entro 2 giorni

• 优化导入 OCR 模型选择文件的按钮样式

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100

  siyuan-note/siyuan#20430 · 1 commento · Aperta il 10/10/2026

  I maintainer di solito rispondono entro 1 giorno

• Type definition for TilemapLayer.getTileAt is wrong

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100

  phaserjs/phaser#7396 · Aperta il 10/10/2026

  I maintainer di solito rispondono entro 2 giorni

• [Suggestion]: README version sections are a bit confusing (v0.2.1 vs v0.3.0)

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100

  Albert-Weasker/niubigeo#194 · Aperta il 10/10/2026

  I maintainer di solito rispondono entro 1 giorno

Altre issue su TypeScript