diff --git a/src/renderer/features/settings/components/general/application-settings.tsx b/src/renderer/features/settings/components/general/application-settings.tsx index b15b8d2e..2c6d6b93 100644 --- a/src/renderer/features/settings/components/general/application-settings.tsx +++ b/src/renderer/features/settings/components/general/application-settings.tsx @@ -11,6 +11,7 @@ const localSettings = isElectron() ? window.electron.localSettings : null; const FONT_OPTIONS = [ { label: 'Archivo', value: 'Archivo' }, { label: 'Fredoka', value: 'Fredoka' }, + { label: 'Inter', value: 'Inter' }, { label: 'League Spartan', value: 'League Spartan' }, { label: 'Lexend', value: 'Lexend' }, { label: 'Poppins', value: 'Poppins' }, diff --git a/src/renderer/fonts/Inter-VariableFont_slnt,wght.ttf b/src/renderer/fonts/Inter-VariableFont_slnt,wght.ttf new file mode 100644 index 00000000..ec3164ef Binary files /dev/null and b/src/renderer/fonts/Inter-VariableFont_slnt,wght.ttf differ diff --git a/src/renderer/store/settings.store.ts b/src/renderer/store/settings.store.ts index e559edcc..56f254b2 100644 --- a/src/renderer/store/settings.store.ts +++ b/src/renderer/store/settings.store.ts @@ -186,7 +186,7 @@ const initialState: SettingsState = { general: { defaultFullPlaylist: true, followSystemTheme: false, - fontContent: 'Poppins', + fontContent: 'Inter', playButtonBehavior: Play.NOW, resume: false, showQueueDrawerButton: false, diff --git a/src/renderer/styles/fonts.ts b/src/renderer/styles/fonts.ts index b2dc4664..5fb8f32e 100644 --- a/src/renderer/styles/fonts.ts +++ b/src/renderer/styles/fonts.ts @@ -26,3 +26,8 @@ export const fontEpilogue = (weight?: number) => css` font-weight: ${weight || 400}; font-family: Epilogue, sans-serif; `; + +export const fontRoboto = (weight?: number) => css` + font-weight: ${weight || 400}; + font-family: Roboto, sans-serif; +`; diff --git a/src/renderer/styles/global.scss b/src/renderer/styles/global.scss index db15a186..38440576 100644 --- a/src/renderer/styles/global.scss +++ b/src/renderer/styles/global.scss @@ -142,6 +142,12 @@ button { font-weight: 100 1000; } +@font-face { + font-family: 'Inter'; + src: url('../fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype-variations'); + font-weight: 100 1000; +} + @font-face { font-family: 'Sora'; src: url('../fonts/Sora-VariableFont_wght.ttf') format('truetype-variations');