Replace google fonts cdn with locally served fonts

2021-08-18 10:59:52 +02:00 · 2021-08-18 10:59:52 +02:00 · b19099de6b
parent 55636c1ab7
commit b19099de6b
13 changed files with 76 additions and 11 deletions
--- a/public/index.html
+++ b/public/index.html
@ -2,18 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-60498490-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-60498490-1');
-    </script>
-
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
--- a/src/fonts/fonts.css
+++ b/src/fonts/fonts.css
@ -22,3 +22,79 @@
    font-weight: bold;
    font-style: normal
 }
+
+/* Material  */
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url('./material-icons.woff2') format('woff2');
+}
+
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+}
+
+/* Roboto google-webfonts-helper */
+/* roboto-100 - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 100;
+    font-display: swap;
+    src: local(''),
+         url('./roboto-v27-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url('./roboto-v27-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-300 - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: local(''),
+         url('./roboto-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url('./roboto-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-regular - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local(''),
+         url('./roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url('./roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-500 - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: local(''),
+         url('./roboto-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url('./roboto-v27-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-700 - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: local(''),
+         url('./roboto-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url('./roboto-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
--- a/src/fonts/material-icons.woff2
+++ b/src/fonts/material-icons.woff2
--- a/src/fonts/roboto-v27-latin-100.woff
+++ b/src/fonts/roboto-v27-latin-100.woff
--- a/src/fonts/roboto-v27-latin-100.woff2
+++ b/src/fonts/roboto-v27-latin-100.woff2
--- a/src/fonts/roboto-v27-latin-300.woff
+++ b/src/fonts/roboto-v27-latin-300.woff
--- a/src/fonts/roboto-v27-latin-300.woff2
+++ b/src/fonts/roboto-v27-latin-300.woff2
--- a/src/fonts/roboto-v27-latin-500.woff
+++ b/src/fonts/roboto-v27-latin-500.woff
--- a/src/fonts/roboto-v27-latin-500.woff2
+++ b/src/fonts/roboto-v27-latin-500.woff2
--- a/src/fonts/roboto-v27-latin-700.woff
+++ b/src/fonts/roboto-v27-latin-700.woff
--- a/src/fonts/roboto-v27-latin-700.woff2
+++ b/src/fonts/roboto-v27-latin-700.woff2
--- a/src/fonts/roboto-v27-latin-regular.woff
+++ b/src/fonts/roboto-v27-latin-regular.woff
--- a/src/fonts/roboto-v27-latin-regular.woff2
+++ b/src/fonts/roboto-v27-latin-regular.woff2