[grid] Using local font instead of downloading every time

Author: diemol

javascript/grid-ui/public/index.html

@@ -9,8 +9,6 @@
   <link href="%PUBLIC_URL%/manifest.json" rel="manifest"/>
   <link href="%PUBLIC_URL%/css/bootstrap.min.css" rel="stylesheet">
   <link href="%PUBLIC_URL%/css/fontawesome.min.css" rel="stylesheet">
-  <link href="https://fonts.gstatic.com" rel="preconnect">
-  <link href="https://fonts.googleapis.com/css2?family=Encode+Sans&display=swap" rel="stylesheet">
   <title>Grid Console</title>
 </head>
 

javascript/grid-ui/src/fonts/encode-sans-v7-latin-regular.woff

@@ -0,0 +1,9 @@
+/* encode-sans-regular - latin */
+@font-face {
+    font-family: 'Encode Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: local(''),
+        /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/encode-sans-v7-latin-regular.woff2') format('woff2'),
+        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('./fonts/encode-sans-v7-latin-regular.woff') format('woff');
+}

javascript/grid-ui/src/fonts/encode-sans-v7-latin-regular.woff2

@@ -5,6 +5,7 @@ import ReactDOM from 'react-dom';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 import theme from "./theme/theme";
+import './index.css';
 
 ReactDOM.render(
     <React.StrictMode>