Using Roboto font in UI which increases readability of text.

Author: forman

CHANGES.md

@@ -1,4 +1,7 @@
-## Changes in version 0.4.1-dev.0 (in development)
+## Changes in version 0.4.1
+
+* Using Roboto font in UI which increases readability of text.
+
 
 ## Changes in version 0.4.0
 

public/index.html

@@ -4,6 +4,15 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="theme-color" content="#000000"/>
+
+    <!-- Material-UI wants this -->
+    <meta
+            name="viewport"
+            content="minimum-scale=1, initial-scale=1, width=device-width"
+    />
+    <!-- Material-UI wants Roboto font -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+
     <link rel="icon" href="%PUBLIC_URL%/%REACT_APP_BRANDING%/favicon.ico"/>
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/%REACT_APP_BRANDING%/logo192.png"/>
     <!--

src/index.css

@@ -1,5 +1,5 @@
 body {
     margin: 0;
     padding: 0;
-    font-family: sans-serif;
+    font-family: "Roboto", "Segoe UI", "sans-serif";
 }