Change font

Mehmetali345Dev · Aug 3, 2021 · 17b34ed · 17b34ed · vercel · Aug 3, 2021
1 parent 78070a9
commit 17b34ed
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 2 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -32,8 +32,14 @@ export default {
   },
   modules: [
     "@nuxtjs/svg",
-    '@nuxtjs/axios'
+    '@nuxtjs/axios',
+    'nuxt-webfontloader',
   ],
+  webfontloader: {
+    google: {
+      families: ['Noto Sans:400,700'] //Loads Lato font with weights 400 and 700
+    }
+  },
   build: {
   }
 }
diff --git a/package.json b/package.json
@@ -12,7 +12,8 @@
     "@eggsydev/vue-lanyard": "^1.1.2",
     "@nuxtjs/axios": "^5.13.6",
     "core-js": "^3.15.1",
-    "nuxt": "^2.15.7"
+    "nuxt": "^2.15.7",
+    "nuxt-webfontloader": "^1.1.0"
   },
   "devDependencies": {
     "@nuxtjs/color-mode": "^2.0.10",

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -112,6 +112,7 @@ export default {
 <style>
 html {
   scroll-behavior: smooth;
+  font-family: "Noto Sans", sans-serif;
 }
 @media screen and (max-device-width: 950px) {
   .projects {

diff --git a/yarn.lock b/yarn.lock
@@ -5179,6 +5179,13 @@ num2fraction@^1.2.2:
   resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
   integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
 
+nuxt-webfontloader@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/nuxt-webfontloader/-/nuxt-webfontloader-1.1.0.tgz#68b47ffbeaee4c41969f42f57a86946e0c36715c"
+  integrity sha512-GyDgABmI0Oq54s2tA9SZC28TmHy2xGdWSXrfcGPPfDBVhgQQlGL5CJcAlvovcuhefzzZrzGgs35HIcv5qym4fQ==
+  dependencies:
+    webfontloader "^1.6.28"
+
 nuxt-windicss@^1.1.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/nuxt-windicss/-/nuxt-windicss-1.2.1.tgz#28160279be3cff08066c8d48f8f88ccfd84d9a88"
@@ -7812,6 +7819,11 @@ watchpack@^1.7.4:
     chokidar "^3.4.1"
     watchpack-chokidar2 "^2.0.1"
 
+webfontloader@^1.6.28:
+  version "1.6.28"
+  resolved "https://registry.yarnpkg.com/webfontloader/-/webfontloader-1.6.28.tgz#db786129253cb6e8eae54c2fb05f870af6675bae"
+  integrity sha1-23hhKSU8tujq5UwvsF+HCvZnW64=
+
 webpack-bundle-analyzer@^4.4.1:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.4.2.tgz#39898cf6200178240910d629705f0f3493f7d666"