change to Roboto font for the UI (#161)

* change to Roboto font for the UI * format --------- Co-authored-by: Antony Raj <[email protected]> Co-authored-by: Benjamin Bolte <[email protected]>
kscalelabs · Jul 22, 2024 · de5029a · de5029a
1 parent a7f467c
commit de5029a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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>
diff --git 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 {
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,8 @@ div.content { @@
     html,
     body {
       word-wrap: break-word;
+      font-family: "Roboto", "Franklin Gothic Medium", "Arial Narrow", Arial,
+        sans-serif;
     }
     form {
@@ Expand Down @@