Add Inter font style

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' },

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,

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;
+`;

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');