diff --git a/apps/web/src/components/ThreadTerminalDrawer.tsx b/apps/web/src/components/ThreadTerminalDrawer.tsx index 91f4dbc1b3..fec28d016c 100644 --- a/apps/web/src/components/ThreadTerminalDrawer.tsx +++ b/apps/web/src/components/ThreadTerminalDrawer.tsx @@ -42,6 +42,18 @@ import { selectTerminalEventEntries, useTerminalStateStore } from "../terminalSt const MIN_DRAWER_HEIGHT = 180; const MAX_DRAWER_HEIGHT_RATIO = 0.75; const MULTI_CLICK_SELECTION_ACTION_DELAY_MS = 260; +const TERMINAL_FONT_FAMILY = [ + '"SF Mono"', + '"SFMono-Regular"', + "Consolas", + '"Liberation Mono"', + "Menlo", + // Keep the default terminal fonts first; Nerd Font fallbacks cover prompt glyphs when available. + '"MesloLGS NF"', + '"JetBrainsMono Nerd Font Mono"', + '"JetBrainsMono NF"', + "monospace", +].join(", "); function maxDrawerHeight(): number { if (typeof window === "undefined") return DEFAULT_THREAD_TERMINAL_HEIGHT; @@ -303,7 +315,7 @@ export function TerminalViewport({ lineHeight: 1.2, fontSize: 12, scrollback: 5_000, - fontFamily: '"SF Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace', + fontFamily: TERMINAL_FONT_FAMILY, theme: terminalThemeFromApp(mount), }); terminal.loadAddon(fitAddon);