新主题

apps/overlay/src/songOverlay.tsx

@@ -8,6 +8,7 @@ import { getOverlayTheme, themeCssVariables } from './themes'
 import type { OverlayThemeDefinition } from './themes'
 import { defaultSongRequestSettings } from './types'
 import type { SongRequestItem, SongRequestSettings } from './types'
+import { typographyVariables } from './typography'
 
 type QueueState = {
   initialized: boolean
@@ -307,6 +308,7 @@ export function SongRequestOverlay({
       style={
         {
           ...themeCssVariables(theme),
+          ...typographyVariables(settings.fontFamily, settings.fontBrightness),
           ['--song-font-size' as string]: `${Math.min(22, Math.max(11, Math.min(bounds.width, bounds.height) * 0.024)) * (settings.fontScale / 100)}px`,
           ['--song-current-min' as string]: `${Math.min(72, Math.max(48, bounds.height * 0.08))}px`,
         } as CSSProperties