diff --git a/frontend/public/index.html b/frontend/public/index.html
index 310d3fd4..45e8f4ab 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -9,6 +9,7 @@
   <meta name="description" content="Web site created using create-react-app" />
   <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
 
   <!-- Bootstrap -->
   <script src="https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js" crossorigin></script>
@@ -24,4 +25,4 @@
   <div id="root"></div>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/frontend/src/App.css b/frontend/src/App.css
index 884239a0..c20bbe88 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -12,6 +12,8 @@ div.content {
 html,
 body {
   word-wrap: break-word;
+  font-family: "Roboto", "Franklin Gothic Medium", "Arial Narrow", Arial,
+    sans-serif;
 }
 
 form {