diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index a6e6bdd3..dda9d35e 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -3,7 +3,7 @@
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 body {
-  font-family: Roboto;
+  font-family: AvertaRegular;
   font-weight: 400;
   color: #000;
   margin: 0;
diff --git a/public/index.html b/public/index.html
index 6db2d816..ae1b046e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,8 +12,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
-    
+
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index fb7d90a8..6f80d3c7 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -3,7 +3,7 @@
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 body {
-    font-family: Roboto;
+    font-family: AvertaRegular;
     font-weight: 400;
     color: #000;
     margin: 0;
