diff --git a/frontend/public/fonts/MapleMedium.otf b/frontend/public/fonts/MapleMedium.otf new file mode 100644 index 0000000..0d2635d Binary files /dev/null and b/frontend/public/fonts/MapleMedium.otf differ diff --git a/frontend/src/css/main.css b/frontend/src/css/main.css index d16e6ac..0df2ecb 100644 --- a/frontend/src/css/main.css +++ b/frontend/src/css/main.css @@ -12,6 +12,15 @@ @import '_theme.css'; @import '_rich-text.css'; +/* ═══════════════════════════════════════════════════════════════════ + Custom Font Declarations + ═══════════════════════════════════════════════════════════════════ */ + +@font-face { + font-family: 'Maple'; + src: url('/fonts/MapleMedium.otf') format('opentype'); +} + /* Page transition timing - single source of truth */ :root { --crossfade-duration: 700ms; diff --git a/frontend/src/lib/fonts.ts b/frontend/src/lib/fonts.ts index 31240b3..3f9331a 100644 --- a/frontend/src/lib/fonts.ts +++ b/frontend/src/lib/fonts.ts @@ -20,6 +20,11 @@ export interface FontOption { * Supported fonts for UI elements */ export const FONT_OPTIONS: FontOption[] = [ + { + key: 'maple-medium', + label: 'Maple Medium', + fontFamily: 'Maple', + }, { key: 'instrument-sans', label: 'Instrument Sans',