Replace google fonts CDN with local fonts (#209)

2 years ago · 51146cd074
parent 19e310086a
commit 51146cd074
9 changed files with 28 additions and 9 deletions
--- a/public/index.html
+++ b/public/index.html
@ -3,21 +3,12 @@
 <head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&amp;display=swap"
-    rel="stylesheet"
-  />
-  <link
-      href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;700&amp;display=swap"
-      rel="stylesheet"
-  />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta
    name="description"
    content="Harmony block explorer"
  />
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
  <!--
    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/
--- a/src/assets/fonts/nunito-300.woff
+++ b/src/assets/fonts/nunito-300.woff
--- a/src/assets/fonts/nunito-300.woff2
+++ b/src/assets/fonts/nunito-300.woff2
--- a/src/assets/fonts/nunito-700.woff
+++ b/src/assets/fonts/nunito-700.woff
--- a/src/assets/fonts/nunito-700.woff2
+++ b/src/assets/fonts/nunito-700.woff2
--- a/src/assets/fonts/nunito-regular.woff
+++ b/src/assets/fonts/nunito-regular.woff
--- a/src/assets/fonts/nunito-regular.woff2
+++ b/src/assets/fonts/nunito-regular.woff2
--- a/src/index.css
+++ b/src/index.css
@ -1,5 +1,29 @@
@import-normalize;

+@font-face {
+    font-family: 'Nunito';
+    src: local('Nunito'), url(./assets/fonts/nunito-300.woff) format('woff'),
+    url(./assets/fonts/nunito-300.woff2) format('woff2');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Nunito';
+    src: local('Nunito'), url(./assets/fonts/nunito-regular.woff) format('woff'),
+    url(./assets/fonts/nunito-regular.woff2) format('woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Nunito';
+    src: local('Nunito'), url(./assets/fonts/nunito-700.woff) format('woff'),
+    url(./assets/fonts/nunito-700.woff2) format('woff2');
+    font-weight: 700;
+    font-style: normal;
+}
+
 a {
    text-decoration: none;
    outline: 0;
@ -51,3 +75,5 @@ table:not(.g-table-transactions) thead tr:first-child th, table:not(.g-table-tra
 .g-table-transactions thead tr th {
    font-weight: 700;
 }
+
+
--- a/src/react-app-env.d.ts
+++ b/src/react-app-env.d.ts
@ -1 +1,3 @@
 /// <reference types="react-scripts" />
+declare module '*.woff';
+declare module '*.woff2';