diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 3672a8c4e..b16499d2a 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -11,8 +11,12 @@ blockquote {
   }
 }
 
-body h2 {
-  font-family: Futura Book font;
+body h2{
+  font-family: 'Roboto', sans-serif;
+}
+
+body p{
+  font-family: 'Roboto', sans-serif;
 }
 
 .act-link {
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index f1320f5ea..bbc999139 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="pb-20 px-4 bg-cover text-center" :style="cta.img">
+  <section class="pb-20 px-4 bg-cover text-center" :style="img">
     <br>
     <br>
     <br>
diff --git a/src/index.html b/src/index.html
index 0c8f56d76..b6200d0e2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,6 +3,8 @@
 
 <head>
     ${head}
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
 </head>
 
 <body ${bodyAttrs}>
@@ -10,8 +12,8 @@
     <script>
         // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
         // for this starter, i used the code from gridsome.org
-        (function() {
-            window.__onThemeChange = function() {};
+        (function () {
+            window.__onThemeChange = function () { };
 
             function setTheme(newTheme) {
 
@@ -25,18 +27,18 @@
             var preferredTheme;
             try {
                 preferredTheme = localStorage.getItem('theme');
-            } catch (err) {}
+            } catch (err) { }
 
-            window.__setPreferredTheme = function(newTheme) {
+            window.__setPreferredTheme = function (newTheme) {
                 setTheme(newTheme);
                 try {
                     localStorage.setItem('theme', newTheme);
-                } catch (err) {}
+                } catch (err) { }
             }
 
             var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
 
-            darkQuery.addListener(function(e) {
+            darkQuery.addListener(function (e) {
                 window.__setPreferredTheme(e.matches ? 'dark' : 'light');
             });
 
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index cc9dcbee8..f852b23f9 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -78,11 +78,6 @@ query {
 
 <style>
 
-  @font-face {
-    font-family: Futura Book font;
-    src: url('../assets/Futura_Book_font.ttf');
-    font-weight: normal;
-  }
 
 body {
   font-family: Futura Book font,
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 4e5172826..84248422a 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -212,11 +212,3 @@ export default {
   },
 };
 </script>
-<style scoped>
-h2 {
-  font-family: Futura Book font !important;
-}
-p {
-  font-family: Futura Book font !important;
-}
-</style>
\ No newline at end of file
