patterns / 03Font discovery
Browse, narrow down and preview a family before using it in a study.
Live interface previewSession only Try the controlsCLASS V STUDIO / TYPE STUDYA considered point of view.
Font readyOnly your selected family is loaded for this preview.
Search, category, shortlist, weight and Apply use the same font browser as the workspace.
Usage
- Filter the catalog without loading every family.
- Keep the actual specimen and loading/failure feedback visible.
Variants
Brand sourceGoogle sourceShortlistWeight selection
Preview states
SearchCategory filterEmpty resultsSelected familySelected weightLoading/ready/fallback
Integration boundary
- Shortlist changes last only for this page session.
- Published brand font roles and self-hosted uploads remain a later adapter.
Source modules 4
conceptualize/components/studio-v2/studio-library-patterns.tsxconceptualize/components/studio-v2/studio-font-browser.tsxconceptualize/lib/fonts/registry.tsconceptualize/lib/fonts/use-brand-fonts.ts