# feat\(web\): font dropdowns with availability filtering and surface previews · stienswout/t3code

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

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

Visibility: public

Requested revision: 3aaf1b36fcfe371d20038e707132f12fe54663a7

Requested commit: 3aaf1b36fcfe371d20038e707132f12fe54663a7

Commit: 3aaf1b36fcfe371d20038e707132f12fe54663a7

Tree: 9b68b4815ae102e075f37ae0584ee9de85ef85e4

Author: Wout Stiens

Committer: Wout Stiens

## Message

```
feat(web): font dropdowns with availability filtering and surface previews

Replaces the free-text family inputs with dropdowns of curated faces
filtered through document.fonts.check so only fonts that will actually
render are offered (bundled webfonts always appear); a Custom… option
keeps arbitrary families possible. Each option renders in its own face,
and every row gains a preview card styled like the real surface — chat
text, a mini composer, a highlighted code snippet, and a dark terminal
prompt — rendered in the resolved stack, matching mobile's Appearance
screen style.

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

```

## Parents

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

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