From d865fc4896002cae4f56e6b9509a1089a7f57e5f Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Sun, 6 Feb 2022 13:56:18 +0000
Subject: [PATCH] Switch font to Encode Sans Variable

---
 package.json                | 1 +
 src/_globals.scss           | 2 +-
 src/layouts/default.scss    | 6 ++++--
 src/pages/index.module.scss | 6 +++---
 yarn.lock                   | 5 +++++
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index b74804d..f923570 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "dependencies": {
         "@babel/cli": "7.17.0",
         "@babel/plugin-transform-typescript": "7.16.8",
+        "@fontsource/encode-sans": "^4.5.1",
         "@fontsource/fira-code": "4.5.4",
         "@icons-pack/react-simple-icons": "4.6.1",
         "@mdx-js/mdx": "1.6.22",
diff --git a/src/_globals.scss b/src/_globals.scss
index 81c7395..765197e 100644
--- a/src/_globals.scss
+++ b/src/_globals.scss
@@ -3,7 +3,7 @@
 $layoutWidth: 1100px;
 $layoutPadding: 20px;
 
-$mainFont: "Fira Code", monospace;
+$mainFont: "Encode SansVariable", sans-serif;
 
 $theme: (
     "accent": #e52b3e,
diff --git a/src/layouts/default.scss b/src/layouts/default.scss
index f5d86cd..6228505 100644
--- a/src/layouts/default.scss
+++ b/src/layouts/default.scss
@@ -1,7 +1,9 @@
-@import "~@fontsource/fira-code/index.css";
-@import "~@fontsource/fira-code/700.css";
+@use "@fontsource/encode-sans/scss/mixins" as EncodeSans;
+@import-normalize;
 @import "../globals";
 
+@include EncodeSans.fontFaceVariable($type: "wghtOnly");
+
 * {
     box-sizing: border-box;
 
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index fe05d41..09f2af6 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -104,20 +104,20 @@
         transform: translate(-50%, 0%);
 
         .hello {
-            font-weight: 100;
+            font-weight: 300;
             opacity: 0.75;
             display: block;
             margin-bottom: -5px;
         }
 
         .name {
-            font-weight: 100;
+            font-weight: 400;
             font-size: 1.8em;
             display: block;
         }
 
         .description {
-            font-weight: 100;
+            font-weight: 300;
             display: block;
         }
 
diff --git a/yarn.lock b/yarn.lock
index 042525f..83869fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1368,6 +1368,11 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@fontsource/encode-sans@^4.5.1":
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/@fontsource/encode-sans/-/encode-sans-4.5.1.tgz#2a2d1f1fb9578275ce11061fdd7057cc1cdaa880"
+  integrity sha512-ulqUy8uUbMPyasJH3KK4uSICvumQGmuXX5rJGMEwA6beeteXrSRoUCBFjd3ZwpxfKANl2q0QIduhzG3OjbQDwA==
+
 "@fontsource/fira-code@4.5.4":
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/@fontsource/fira-code/-/fira-code-4.5.4.tgz#a8ec2347cf7261b2bf14065e66c734dde7145432"