Remove googlefonts cdn usage and replace with npm packages instead

NoelDeMartin · Dec 25, 2018 · 08b3f05 · 08b3f05
1 parent 5be5a15
commit 08b3f05
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,10 +15,12 @@
     ]
   },
   "dependencies": {
+    "material-design-icons-iconfont": "^4.0.3",
     "rdflib": "^0.19.0",
     "register-service-worker": "^1.5.2",
     "solid-auth-client": "^2.2.6",
     "tailwindcss": "^0.7.0",
+    "typeface-roboto": "0.0.54",
     "vue": "^2.5.21",
     "vuetify": "^1.3.15",
     "vuex": "^3.0.1"

diff --git a/public/index.html b/public/index.html
@@ -6,7 +6,6 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <link href="https://fonts.googleapis.com/css?family=Roboto:100:300,400,500,700,900|Material+Icons" rel="stylesheet">
   <title>Focus</title>
   <style>
     body[loading] {

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -1,7 +1,11 @@
+$material-design-icons-font-path: "~material-design-icons-iconfont/dist/fonts/";
+
+@import "~material-design-icons-iconfont/src/material-design-icons";
+@import "~typeface-roboto/index.css";
 @import "~vuetify/dist/vuetify.css";
-@import "./vuetify.scss";
 
 @tailwind components;
+@import "./vuetify.scss";
 
 @tailwind utilities;
 @import "./utils.scss";