diff --git a/web/src/assets/fonts/Roboto-Regular.ttf b/web/src/assets/fonts/Roboto-Regular.ttf
deleted file mode 100644
index 2b6392f..0000000
Binary files a/web/src/assets/fonts/Roboto-Regular.ttf and /dev/null differ
diff --git a/web/src/assets/fonts/RopaSans-Regular.ttf b/web/src/assets/fonts/RopaSans-Regular.ttf
deleted file mode 100644
index 660a493..0000000
Binary files a/web/src/assets/fonts/RopaSans-Regular.ttf and /dev/null differ
diff --git a/web/src/index.css b/web/src/index.css
index 7852ba6..eed36d4 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -8,6 +8,9 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
+
+@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,700&display=swap')
 /**
  * END --- TAILWIND GENERATOR EDIT
  */
diff --git a/web/src/layouts/MainLayout/MainLayout.js b/web/src/layouts/MainLayout/MainLayout.js
index b3d5a2c..8621647 100644
--- a/web/src/layouts/MainLayout/MainLayout.js
+++ b/web/src/layouts/MainLayout/MainLayout.js
@@ -22,9 +22,9 @@ const MainLayout = ({ children }) => {
             </li>
             <li>
               <Tooltip title="Very alpha, there's lots of work todo" >
-                <div className="ml-8 flex">
-                  <h2 className="text-indigo-200 text-4xl font-ropa-sans tracking-widest">CadHub</h2>
-                  <div className="text-pink-500 pb-4 text-sm font-ropa-sans" >pre-alpha</div>
+                <div className="ml-12 flex">
+                  <h2 className="text-indigo-300 text-5xl font-ropa-sans py-1 tracking-wider" style={{letterSpacing: '0.3em'}}>CadHub</h2>
+                  <div className="text-pink-400 text-sm font-bold font-ropa-sans" style={{paddingBottom: '2rem', marginLeft: '-1.8rem'}}>pre-alpha</div>
                 </div>
               </Tooltip>
             </li>
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index a6d49bf..35fa635 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -17,8 +17,8 @@ module.exports = {
         'md': '28rem'
       },
       fontFamily: {
-        'ropa-sans': 'Ropa Sans',
-        'roboto': 'Roboto'
+        'ropa-sans': ['Ropa Sans', 'Arial', 'sans-serif'],
+        'roboto': ['Roboto', 'Arial', 'sans-serif'],
       },
     }
   },