diff --git a/src/auto-updater/toast-src/toast.css b/src/auto-updater/toast-src/toast.css
index a7541465..605119b7 100644
--- a/src/auto-updater/toast-src/toast.css
+++ b/src/auto-updater/toast-src/toast.css
@@ -1,5 +1,6 @@
 body .swal2-container {
-  font-family: "Roboto", sans-serif;
+  font-family: "Inter", sans-serif;
+  font-feature-settings: 'tnum';
   margin: 0;
 }
 
diff --git a/src/helpers/get-ui-fonts-as-css-string.js b/src/helpers/get-ui-fonts-as-css-string.js
index 7cd10939..2682f659 100644
--- a/src/helpers/get-ui-fonts-as-css-string.js
+++ b/src/helpers/get-ui-fonts-as-css-string.js
@@ -6,12 +6,12 @@ const path = require('path')
 
 const fontsPath = path.join(rootPath, 'bfx-report-ui/build/fonts/')
 const fontsStyle = fs.readFileSync(
-  path.join(fontsPath, 'roboto.css'),
+  path.join(fontsPath, 'inter.css'),
   'utf8'
 )
 const fStyleWithNormalizedPaths = fontsStyle.replace(
-  /url\(\.\/(.*\..*)\)/g,
-  `url(${fontsPath}$1)`
+  /url\('\.\/(.*\..*)'\)/g,
+  `url('${fontsPath}$1')`
 )
 
 module.exports = () => fStyleWithNormalizedPaths
diff --git a/src/modal-dialog-src/modal-dialog.css b/src/modal-dialog-src/modal-dialog.css
index 6f1ca43f..a1cbf05a 100644
--- a/src/modal-dialog-src/modal-dialog.css
+++ b/src/modal-dialog-src/modal-dialog.css
@@ -1,5 +1,6 @@
 body .swal2-container {
-  font-family: "Roboto", sans-serif;
+  font-family: "Inter", sans-serif;
+  font-feature-settings: 'tnum';
 }
 
 body::-webkit-scrollbar,
diff --git a/src/window-creators/layouts/app-init-error.html b/src/window-creators/layouts/app-init-error.html
index 3fa209ae..b62dade5 100644
--- a/src/window-creators/layouts/app-init-error.html
+++ b/src/window-creators/layouts/app-init-error.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link rel="shortcut icon" href="../../../bfx-report-ui/build/favicon.ico">
-    <link href="../../../bfx-report-ui/build/fonts/roboto.css" rel="stylesheet">
+    <link href="../../../bfx-report-ui/build/fonts/inter.css" rel="stylesheet">
     <title>Bitfinex Reports</title>
     <style>
       html {
@@ -20,7 +20,8 @@
         justify-content: center;
         text-align: center;
         background-color: #172d3e;
-        font-family: "Roboto", sans-serif;
+        font-family: "Inter", sans-serif;
+        font-feature-settings: 'tnum';
       }
 
       .alert {
diff --git a/src/window-creators/layouts/app-init.html b/src/window-creators/layouts/app-init.html
index 29ded962..a3035465 100644
--- a/src/window-creators/layouts/app-init.html
+++ b/src/window-creators/layouts/app-init.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <link rel="shortcut icon" href="../../../bfx-report-ui/build/favicon.ico">
-  <link href="../../../bfx-report-ui/build/fonts/roboto.css" rel="stylesheet">
+  <link href="../../../bfx-report-ui/build/fonts/inter.css" rel="stylesheet">
   <title>Bitfinex Reports</title>
   <style>
     html {
@@ -19,7 +19,8 @@
       margin: 0;
       text-align: center;
       background-color: #172d3e;
-        font-family: "Roboto", sans-serif;
+      font-family: "Inter", sans-serif;
+      font-feature-settings: 'tnum';
     }
 
     .win-control-btn {