Use Ubuntu font globally

scss/dashboard/_global.scss

@@ -9,6 +9,10 @@ body {
   height: 100%;
 }
 
+html, body {
+  font-family: 'Ubuntu-Regular', sans-serif;
+}
+
 #wrapper {
   display: flex;
   #content-wrapper {

scss/dashboard/_navbar.scss

@@ -20,7 +20,7 @@
           border: 0;
           font-weight: 900;
           content: '\f105';
-          font-family: 'Font Awesome 5 Free';
+          font-family: 'Font Awesome 6 Free', sans-serif;
         }
       }
       &.show {

scss/dashboard/sb-admin.scss

@@ -4,8 +4,9 @@
 // Import Custom Variables
 @import "variables.scss";
 
-// Import FA
+// Import Fonts
 @import "../fontawesome.scss";
+@import "../ubuntu.scss";
 
 // FA CSS classes
 @import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";

scss/login/login.scss

@@ -2,4 +2,5 @@
 @use "../fontawesome.scss";
 
 @use "util.css";
+@use "../ubuntu.scss";
 @use "main.css";

scss/login/main.css

@@ -1,22 +1,3 @@
-
-
-
-
-/*//////////////////////////////////////////////////////////////////
-[ FONT ]*/
-
-@font-face {
-  font-family: Ubuntu-Regular;
-  font-display: swap;
-  src: url('../fonts/ubuntu/Ubuntu-Regular.ttf'); 
-}
-
-@font-face {
-  font-family: Ubuntu-Bold;
-  font-display: swap;
-  src: url('../fonts/ubuntu/Ubuntu-Bold.ttf'); 
-}
-
 /*//////////////////////////////////////////////////////////////////
 [ RESTYLE TAG ]*/
 

scss/ubuntu.scss

@@ -0,0 +1,14 @@
+/*//////////////////////////////////////////////////////////////////
+[ FONT ]*/
+
+@font-face {
+    font-family: Ubuntu-Regular;
+    font-display: swap;
+    src: url('../fonts/ubuntu/Ubuntu-Regular.ttf'); 
+}
+  
+@font-face {
+    font-family: Ubuntu-Bold;
+    font-display: swap;
+    src: url('../fonts/ubuntu/Ubuntu-Bold.ttf'); 
+}