fix: font display on webload

ambianic · May 15, 2020 · e7276bd · e7276bd
1 parent 7784b07
commit e7276bd
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 9 deletions.
diff --git a/public/index.html b/public/index.html
@@ -3,19 +3,10 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link href='https://fonts.googleapis.com/css?display=swap&family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes, minimal-ui">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Ambianic UI</title>
     <meta name="description" content="Ambianic UI progressive web application to manage Ambianic Edge devices">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css?display=swap">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css?display=swap">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css?display=swap">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css?display=swap">
   </head>
   <body>
     <noscript>

diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify/lib'
 import manifestJSON from '../../public/manifest.json'
+import '@mdi/font/css/materialdesignicons.css' // Ensure to use css-loader
 
 Vue.use(Vuetify)