Updates font to Halyard

Author: mbbischoff

_config.yml

@@ -73,8 +73,8 @@ repository: mattbischoff/website
 header:
   title: mb bischoff
   subtitle: <a href="/about/">mb</a> makes <a href="https://lickability.com">apps</a>,
-    <a href="/archive/">posts</a>, and <a href="https://absolutelycrushed.com">podcasts</a>.
-    This is <a href="/under-construction/">under construction</a>.
+    <a href="/archive/">words</a>, and <a href="https://absolutelycrushed.com">sounds</a>.<br>
+    Everything is <a href="/under-construction/">under construction</a>.
 navigation_links:
 - title: Home
   url: "/"

_includes/head.html

@@ -16,22 +16,16 @@
   <link
     rel="preload"
     as="style"
-    href="https://use.typekit.net/ktb0bft.css"
+    href="https://use.typekit.net/efu4vcs.css"
     onload="this.onload=null;this.rel='stylesheet'"
   />
-  <noscript
-    ><link rel="stylesheet" href="https://use.typekit.net/ktb0bft.css"
-  /></noscript>
 
   <link
     rel="preload"
     as="style"
     href="//cdnjs.cloudflare.com/ajax/libs/cc-icons/1.2.1/css/cc-icons.min.css"
     onload="this.onload=null;this.rel='stylesheet'"
   />
-  <noscript
-    ><link rel="stylesheet" href="https://use.typekit.net/ktb0bft.css"
-  /></noscript>
 
   <!--  Icons -->
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />

assets/css/screen.scss

@@ -3,9 +3,11 @@
 
 /* || Variables */
 
-$max-width: 60ch;
-$line-height-body: 1.5;
-$font-stack: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+$max-width: 65ch;
+
+$font-size-base: 17px;
+$line-height-multiple: 1.5;
+$font-stack: "halyard-text-variable", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
 
 $spacing-xs: 0.25rem; // 4
 $spacing-s: 0.5rem; // 8
@@ -20,17 +22,20 @@ $spacing-xxl: 2.5rem; // 40
   box-sizing: border-box;
 }
 
-html {
+:root {
+  font-size: $font-size-base;
+  font-variation-settings: "wght" 370;
+  line-height: $line-height-multiple;
+
   font-family: $font-stack;
 }
 
 body {
   margin: 0 auto;
   padding: 0 $spacing-xl;
 
-  line-height: $line-height-body;
   max-width: $max-width;
-  
+    
   header {
     nav {
       display: flex;