trying to fix font

public/index.html

@@ -6,7 +6,10 @@
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/icons/ios-icon.png" />
     <link
       rel="stylesheet"
+      <!--
       href="https://fonts.googleapis.com/css?family=Roboto:300,400"
+      --
+    />
     />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#e91e63" />
@@ -32,4 +35,17 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
+  <script type="text/javascript">
+    WebFontConfig = {
+      google: { families: ["Roboto:300,400"] }
+    };
+    (function() {
+      var wf = document.createElement("script");
+      wf.src = "https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";
+      wf.type = "text/javascript";
+      wf.async = "true";
+      var s = document.getElementsByTagName("script")[0];
+      s.parentNode.insertBefore(wf, s);
+    })();
+  </script>
 </html>