# fix\(web\): stop the custom-font shift and normalize apparent font size · stienswout/t3code

[View on GitCafe](https://git.cafe/stienswout/t3code/commit/2e3547091a0938e350a1035e13f03632dbaf3ddc)

Repository: [stienswout/t3code](https://git.cafe/stienswout/t3code)

Visibility: public

Requested revision: 2e3547091a0938e350a1035e13f03632dbaf3ddc

Requested commit: 2e3547091a0938e350a1035e13f03632dbaf3ddc

Commit: 2e3547091a0938e350a1035e13f03632dbaf3ddc

Tree: 457448120e3dc34988dd5b98a01b7a752358a995

Author: Wout Stiens

Committer: Wout Stiens

## Message

```
fix(web): stop the custom-font shift and normalize apparent font size

The custom input now replaces the dropdown instead of stacking beneath it,
so entering custom mode no longer grows the row and pushes the rest of the
page down; it autofocuses, and Escape discards uncommitted typing without
closing the settings page.

Typefaces differ in x-height at the same pixel size (DM Sans 0.51 vs
JetBrains Mono 0.55), so switching family also changed apparent text size.
Each surface now carries a font-size-adjust measured from its own default
stack: the platform default renders unchanged, and any chosen font is
scaled to match it. Measurements are re-taken once webfonts finish loading,
since an early probe describes the fallback face rather than the default.

The sidebar PR number follows the interface font (tabular digits keep it
from reflowing) instead of the code font.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

```

## Parents

- [61df9652bb67adc4dbeb9746c8abb868c319d40d](https://git.cafe/stienswout/t3code/commit/61df9652bb67adc4dbeb9746c8abb868c319d40d?format=markdown)

[Source at this commit](https://git.cafe/stienswout/t3code/tree/2e3547091a0938e350a1035e13f03632dbaf3ddc?format=markdown)