export type UiFontOption = 'inter' | 'geist-sans' | 'atkinson-hyperlegible' | 'source-sans-3' | 'roboto' | 'noto-sans' | 'dm-sans' | 'manrope' | 'system'; export type MonoFontOption = 'jetbrains-mono' | 'fira-code' | 'geist-mono' | 'commit-mono' | 'source-code-pro' | 'cascadia-code' | 'roboto-mono' | 'iosevka' | 'system-mono'; export interface FontFaceSource { family: string; packageName: string; filePrefix: string; weights: number[]; } export interface FontOptionDefinition { id: T; label: string; description: string; stack: string; notes?: string; source?: FontFaceSource; } export const UI_FONT_OPTIONS: FontOptionDefinition[] = [ { id: 'inter', label: 'Inter', description: 'Modern UI sans with excellent readability at small sizes.', stack: '"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Inter', packageName: '@fontsource/inter', filePrefix: 'inter', weights: [400, 500, 600] } }, { id: 'geist-sans', label: 'Geist Sans', description: 'Crisp sans-serif with a technical interface feel.', stack: '"Geist Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Geist Sans', packageName: '@fontsource/geist-sans', filePrefix: 'geist-sans', weights: [400, 500, 600] } }, { id: 'atkinson-hyperlegible', label: 'Atkinson Hyperlegible', description: 'Accessibility-focused sans-serif optimized for character distinction.', stack: '"Atkinson Hyperlegible", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Atkinson Hyperlegible', packageName: '@fontsource/atkinson-hyperlegible', filePrefix: 'atkinson-hyperlegible', weights: [400, 700] } }, { id: 'source-sans-3', label: 'Source Sans 3', description: 'Adobe sans-serif tuned for clean, readable interfaces.', stack: '"Source Sans 3", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Source Sans 3', packageName: '@fontsource/source-sans-3', filePrefix: 'source-sans-3', weights: [400, 500, 600] } }, { id: 'roboto', label: 'Roboto', description: 'Familiar Material-style sans-serif with broad UI usage.', stack: '"Roboto", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Roboto', packageName: '@fontsource/roboto', filePrefix: 'roboto', weights: [400, 500, 600] } }, { id: 'noto-sans', label: 'Noto Sans', description: 'Readable sans-serif with strong international coverage.', stack: '"Noto Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Noto Sans', packageName: '@fontsource/noto-sans', filePrefix: 'noto-sans', weights: [400, 500, 600] } }, { id: 'dm-sans', label: 'DM Sans', description: 'Modern product UI sans-serif with friendly proportions.', stack: '"DM Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'DM Sans', packageName: '@fontsource/dm-sans', filePrefix: 'dm-sans', weights: [400, 500, 600] } }, { id: 'manrope', label: 'Manrope', description: 'Polished geometric sans-serif for modern app interfaces.', stack: '"Manrope", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', source: { family: 'Manrope', packageName: '@fontsource/manrope', filePrefix: 'manrope', weights: [400, 500, 600] } }, { id: 'system', label: 'System', description: 'Native operating system interface font.', stack: '"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif' } ]; export const CODE_FONT_OPTIONS: FontOptionDefinition[] = [ { id: 'jetbrains-mono', label: 'JetBrains Mono', description: 'Developer-focused monospace with strong punctuation clarity.', stack: '"JetBrains Mono", "SFMono-Regular", "Menlo", monospace', source: { family: 'JetBrains Mono', packageName: '@fontsource/jetbrains-mono', filePrefix: 'jetbrains-mono', weights: [400, 500, 600] } }, { id: 'fira-code', label: 'Fira Code', description: 'Readable coding font with ligature support.', stack: '"Fira Code", "SFMono-Regular", "Menlo", monospace', source: { family: 'Fira Code', packageName: '@fontsource/fira-code', filePrefix: 'fira-code', weights: [400, 500, 600] } }, { id: 'geist-mono', label: 'Geist Mono', description: 'Sharp monospace pair for Geist Sans.', stack: '"Geist Mono", "SFMono-Regular", "Menlo", monospace', source: { family: 'Geist Mono', packageName: '@fontsource/geist-mono', filePrefix: 'geist-mono', weights: [400, 500, 600] } }, { id: 'commit-mono', label: 'Commit Mono', description: 'Code-oriented monospace with polished editor ergonomics.', stack: '"Commit Mono", "SFMono-Regular", "Menlo", monospace', source: { family: 'Commit Mono', packageName: '@fontsource/commit-mono', filePrefix: 'commit-mono', weights: [400, 500, 600] } }, { id: 'source-code-pro', label: 'Source Code Pro', description: 'Adobe monospace designed for source code readability.', stack: '"Source Code Pro", "SFMono-Regular", "Menlo", monospace', source: { family: 'Source Code Pro', packageName: '@fontsource/source-code-pro', filePrefix: 'source-code-pro', weights: [400, 500, 600] } }, { id: 'cascadia-code', label: 'Cascadia Code', description: 'Microsoft coding font popular in terminals and editors.', stack: '"Cascadia Code", "SFMono-Regular", "Menlo", monospace', source: { family: 'Cascadia Code', packageName: '@fontsource/cascadia-code', filePrefix: 'cascadia-code', weights: [400, 500, 600] } }, { id: 'roboto-mono', label: 'Roboto Mono', description: 'Neutral monospace companion to Roboto.', stack: '"Roboto Mono", "SFMono-Regular", "Menlo", monospace', source: { family: 'Roboto Mono', packageName: '@fontsource/roboto-mono', filePrefix: 'roboto-mono', weights: [400, 500, 600] } }, { id: 'iosevka', label: 'Iosevka', description: 'Compact monospace for dense code and terminal layouts.', stack: '"Iosevka", "SFMono-Regular", "Menlo", monospace', source: { family: 'Iosevka', packageName: '@fontsource/iosevka', filePrefix: 'iosevka', weights: [400, 500, 600] } }, { id: 'system-mono', label: 'System Mono', description: 'Native operating system monospace font.', stack: 'ui-monospace, "SFMono-Regular", "Menlo", "Cascadia Mono", "Segoe UI Mono", monospace' } ]; const buildFontMap = (options: FontOptionDefinition[]) => Object.fromEntries(options.map((option) => [option.id, option])) as Record>; export const UI_FONT_OPTION_MAP = buildFontMap(UI_FONT_OPTIONS); export const CODE_FONT_OPTION_MAP = buildFontMap(CODE_FONT_OPTIONS); export const DEFAULT_UI_FONT: UiFontOption = 'system'; export const DEFAULT_MONO_FONT: MonoFontOption = 'system-mono'; export const isUiFontOption = (value: unknown): value is UiFontOption => typeof value === 'string' && value in UI_FONT_OPTION_MAP; export const isMonoFontOption = (value: unknown): value is MonoFontOption => typeof value === 'string' && value in CODE_FONT_OPTION_MAP;