Change font to Lato (#48)

portal-ui/public/index.html

@@ -12,7 +12,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-      <link href="https://fonts.googleapis.com/css?family=Questrial&display=swap" rel="stylesheet">
+      <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">
       <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-icon-180x180.png">
       <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
       <link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/favicon-96x96.png">

portal-ui/src/index.css

@@ -1,8 +1,6 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+  font-family: 'Lato', sans-serif;
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

portal-ui/src/theme/main.ts

@@ -35,30 +35,30 @@ const theme = createMuiTheme({
     }
   },
   typography: {
-    fontFamily: ["Questrial", "sans-serif"].join(','),
+    fontFamily: ["Lato", "sans-serif"].join(","),
     h1: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h2: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h3: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h4: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h5: {
       fontWeight: "bold",
-      color:"#201763"
+      color: "#201763"
     },
     h6: {
       fontWeight: "bold",
-      color:"#000000"
+      color: "#000000"
     }
   }
 });