fix: save the fonts locally

client/gatsby-browser.js

@@ -6,9 +6,6 @@ import { createStore } from './src/redux/createStore';
 import AppMountNotifier from './src/components/AppMountNotifier';
 import layoutSelector from './utils/gatsby/layoutSelector';
 
-require('typeface-lato');
-require('typeface-roboto-mono');
-
 const store = createStore();
 
 export const wrapRootElement = ({ element }) => {

client/package-lock.json

@@ -19643,16 +19643,6 @@
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
     },
-    "typeface-lato": {
-      "version": "0.0.75",
-      "resolved": "https://registry.npmjs.org/typeface-lato/-/typeface-lato-0.0.75.tgz",
-      "integrity": "sha512-iA5uJD4PSTyIE4BDiSOexQeXkDkiJuX4Hu3wh3saJ06EB2TvJayab1Lbbmqq2je/LQv7KCQZHZmC0k4hedd8sw=="
-    },
-    "typeface-roboto-mono": {
-      "version": "0.0.75",
-      "resolved": "https://registry.npmjs.org/typeface-roboto-mono/-/typeface-roboto-mono-0.0.75.tgz",
-      "integrity": "sha512-dYfyXd6HrKyMC/PuBAAtay0tZKsBrzxIW/fBY325vLxFfi/IDKSuyTkWxkU4lyZV6KPHetFnJ661PNXzz2FS/w=="
-    },
     "typescript-compare": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/typescript-compare/-/typescript-compare-0.0.2.tgz",

client/package.json

@@ -73,8 +73,6 @@
     "sanitize-html": "^1.20.0",
     "sass.js": "^0.11.0",
     "store": "^2.0.12",
-    "typeface-lato": "0.0.75",
-    "typeface-roboto-mono": "0.0.75",
     "validator": "^10.11.0"
   },
   "keywords": [

client/src/components/FourOhFour/404.css

@@ -30,7 +30,7 @@
 
 .quote-wrapper span {
   font-size: 50px;
-  font-weight: 600;
+  font-weight: 700;
   color: var(--tertiary-color);
   font-family: 'Arial', sans-serif;
   font-style: normal;

client/src/components/layouts/Default.js

@@ -24,6 +24,7 @@ import Flash from '../Flash';
 import Header from '../Header';
 import Footer from '../Footer';
 
+import './fonts.css';
 import './global.css';
 import './variables.css';
 

client/src/components/layouts/fonts.css

@@ -0,0 +1,60 @@
+@font-face {
+  font-family: 'Lato';
+  src: url('../../../static/fonts/lato/Lato-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url('../../../static/fonts/lato/Lato-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url('../../../static/fonts/lato/Lato-Italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url('../../../static/fonts/lato/Lato-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url('../../../static/fonts/lato/Lato-Black.woff') format('woff');
+  font-weight: 900;
+  font-style: normal;
+}
+
+/* roboto mono */
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('../../../static/fonts/roboto-mono/RobotoMono-Regular.woff')
+    format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('../../../static/fonts/roboto-mono/RobotoMono-Italic.woff')
+    format('woff');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('../../../static/fonts/roboto-mono/RobotoMono-Bold.woff')
+    format('woff');
+  font-weight: bold;
+  font-style: normal;
+}