change font

lama_cleaner/app/src/styles/Mixins/_Mixins.scss

@@ -1,7 +1,6 @@
 @mixin accented-display($bg-color) {
   background: $bg-color;
   color: rgb(0, 0, 0);
-  font-family: 'WorkSans';
   padding: 0.5rem;
   border-radius: 0.5rem;
 }

lama_cleaner/app/src/styles/_Fonts.scss

@@ -1,19 +0,0 @@
-@font-face {
-  font-family: 'WorkSans';
-  src: url('../media/fonts/Work_Sans/WorkSans-Regular.ttf');
-}
-
-@font-face {
-  font-family: 'WorkSans-Semibold';
-  src: url('../media/fonts/Work_Sans/WorkSans-SemiBold.ttf');
-}
-
-@font-face {
-  font-family: 'WorkSans-Bold';
-  src: url('../media/fonts/Work_Sans/WorkSans-Bold.ttf');
-}
-
-@font-face {
-  font-family: 'WorkSans-Black';
-  src: url('../media/fonts/Work_Sans/WorkSans-Black.ttf');
-}

lama_cleaner/app/src/styles/_index.scss

@@ -1,5 +1,13 @@
+@use '~inter-ui/default' with (
+  $inter-font-display: swap,
+  $inter-font-path: '~inter-ui/Inter (web)'
+);
+@use '~inter-ui/variable' with (
+  $inter-font-display: swap,
+  $inter-font-path: '~inter-ui/Inter (web)'
+);
+
 // General
-@use './Fonts';
 @use './Colors';
 @use './ColorsDark';
 @use './Animations';
@@ -40,7 +48,15 @@
   padding: 0;
 }
 
-html,
-body {
-  font-family: 'WorkSans', sans-serif;
+@include default.all;
+@include variable.all;
+
+html {
+  font-family: 'Inter', 'system-ui';
+}
+
+@supports (font-variation-settings: normal) {
+  html {
+    font-family: 'Inter var', 'system-ui';
+  }
 }