diff --git a/layouts/default.vue b/layouts/default.vue
index 732c790..9d2fb6a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -24,11 +24,6 @@ export default {
 </script>
 
 <style>
-@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
-
-/* material-icons */
-@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
-
 @import 'tailwindcss/base';
 
 @import 'tailwindcss/components';
diff --git a/nuxt.config.js b/nuxt.config.js
index 4d0cc36..bc21072 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -18,8 +18,11 @@ module.exports = {
     ],
     link: [
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+      { rel: 'prefetch', href: 'https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap' },
       { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap' },
+      { rel: 'prefetch', href: 'https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap' },
       { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap' },
+      { rel: 'prefetch', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' },
       { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' },
     ],
   },