diff --git a/client/src/App.js b/client/src/App.js
index 2ed6749..cf0ec02 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -19,7 +19,71 @@
 import JamiAccountDialog from './pages/jamiAccountCreation.jsx'
 import WelcomeAnimation from './components/welcome'
 
-const theme = createTheme();
+const theme = createTheme({
+  typography: {
+    fontFamily: "Ubuntu",
+  },
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: `
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-Th.ttf");
+          font-weight: 100;
+          font-style: normal;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-L.ttf");
+          font-weight: 300;
+          font-style: normal;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-LI.ttf");
+          font-weight: 300;
+          font-style: italic;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-R.ttf");
+          font-weight: 400;
+          font-style: normal;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-RI.ttf");
+          font-weight: 400;
+          font-style: italic;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-M.ttf");
+          font-weight: 500;
+          font-style: normal;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-MI.ttf");
+          font-weight: 500;
+          font-style: italic;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-B.ttf");
+          font-weight: 700;
+          font-style: normal;
+        }
+        @font-face {
+          font-family: "Ubuntu";
+          src: url("./fonts/Ubuntu-BI.ttf");
+          font-weight: 700;
+          font-style: italic;
+        }
+      `,
+    },
+  },
+});
 
 const Home = (props) => {
   console.log(`home ${props}`)
diff --git a/client/src/fonts/Ubuntu-B.ttf b/client/src/fonts/Ubuntu-B.ttf
new file mode 100644
index 0000000..b173da2
--- /dev/null
+++ b/client/src/fonts/Ubuntu-B.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-BI.ttf b/client/src/fonts/Ubuntu-BI.ttf
new file mode 100644
index 0000000..72a5a99
--- /dev/null
+++ b/client/src/fonts/Ubuntu-BI.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-L.ttf b/client/src/fonts/Ubuntu-L.ttf
new file mode 100644
index 0000000..ed0f5bc
--- /dev/null
+++ b/client/src/fonts/Ubuntu-L.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-LI.ttf b/client/src/fonts/Ubuntu-LI.ttf
new file mode 100644
index 0000000..c6cec55
--- /dev/null
+++ b/client/src/fonts/Ubuntu-LI.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-M.ttf b/client/src/fonts/Ubuntu-M.ttf
new file mode 100644
index 0000000..ca9c03a
--- /dev/null
+++ b/client/src/fonts/Ubuntu-M.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-MI.ttf b/client/src/fonts/Ubuntu-MI.ttf
new file mode 100644
index 0000000..e8d186c
--- /dev/null
+++ b/client/src/fonts/Ubuntu-MI.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-R.ttf b/client/src/fonts/Ubuntu-R.ttf
new file mode 100644
index 0000000..d748728
--- /dev/null
+++ b/client/src/fonts/Ubuntu-R.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-RI.ttf b/client/src/fonts/Ubuntu-RI.ttf
new file mode 100644
index 0000000..4f2d2bc
--- /dev/null
+++ b/client/src/fonts/Ubuntu-RI.ttf
Binary files differ
diff --git a/client/src/fonts/Ubuntu-Th.ttf b/client/src/fonts/Ubuntu-Th.ttf
new file mode 100644
index 0000000..5cfec48
--- /dev/null
+++ b/client/src/fonts/Ubuntu-Th.ttf
Binary files differ