FIX: Remove fonts/icon-CDNs and use local font instead

on3iro · Mar 10, 2022 · fa74ec8 · fa74ec8
1 parent 6740954
commit fa74ec8
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+v16.13.1
diff --git a/public/index.html b/public/index.html
@@ -100,14 +100,6 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-    />
     <noscript id="jss-insertion-point"></noscript>
     <title>Aeons End Randomizer</title>
     <meta

diff --git a/src/fonts/Roboto-Regular.woff2 b/src/fonts/Roboto-Regular.woff2
diff --git a/src/globalstyles.ts b/src/globalstyles.ts
@@ -0,0 +1,14 @@
+import { createGlobalStyle } from 'styled-components/macro'
+
+// @ts-ignore
+import RobotoWoff2 from './fonts/Roboto/Roboto-Regular.woff2'
+
+const GlobalStyles = createGlobalStyle`
+
+@font-face {
+  font-family: 'Roboto';
+  src: url(${RobotoWoff2}) format('woff2');
+}
+`
+
+export default GlobalStyles