switch main font to the beautiful Inter – https://rsms.me/inter/

assets/sass/abstracts/_functions.scss

@@ -13,17 +13,19 @@
 }
 
 // Web fonts (see components/_fonts.scss)
-@mixin font-face($family, $src-local, $src-local-alt, $src,
+@mixin font-face($family, $src,
                  $style: normal, $weight: normal, $display: swap) {
 	@font-face {
     font-family: $family;
     font-style: $style;
     font-weight: $weight;
     font-display: $display;
-    src: local("#{$src-local}"), local("#{$src-local-alt}"),
-         url("#{$src}.woff2") format("woff2"),
+    src: url("#{$src}.woff2") format("woff2"),
          url("#{$src}.woff") format("woff");
-    //   url('#{$src}.ttf') format('truetype'),
-    //   url('#{$src}.eot') format('embedded-opentype');
+    // src: local("#{$src-local}"), local("#{$src-local-alt}"),
+    //      url('#{$src}.ttf') format('truetype'),
+    //      url('#{$src}.eot') format('embedded-opentype');
+    unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF,
+                   U+2190-21FF, U+2200-22FF, U+2122;
   }
 }

assets/sass/abstracts/_variables.scss

@@ -9,7 +9,7 @@ $system-fonts: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
 $system-fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 $system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
                "Menlo", "Courier", monospace;
-$webfont-roboto: "Roboto", sans-serif;
+$webfont-inter: "Inter", sans-serif;
 
 // Misc Settings
 $responsive-width: 890px;

assets/sass/components/_fonts.scss

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
-/*! Roboto Latin | Apache License 2.0 | https://fonts.google.com/specimen/Roboto */
-@include font-face("Roboto", "Roboto", "Roboto-Regular", "./fonts/roboto-latin-regular", normal, 400);
-@include font-face("Roboto", "Roboto Medium", "Roboto-Medium", "./fonts/roboto-latin-medium", normal, 500);
-@include font-face("Roboto", "Roboto Bold", "Roboto-Bold", "./fonts/roboto-latin-bold", normal, 700);
+/*! Inter UI | SIL Open Font License 1.1 | https://rsms.me/inter/ */
+@include font-face("Inter", "./fonts/inter-regular", normal, 400);
+@include font-face("Inter", "./fonts/inter-medium", normal, 500);
+@include font-face("Inter", "./fonts/inter-bold", normal, 700);

assets/sass/components/_footer.scss

@@ -3,6 +3,7 @@
 // Global Footer Styles
 footer {
   width: 100%;
+  letter-spacing: -0.01em;
   line-height: 1.7;
   padding: 1.5em 2.5em;
   box-sizing: border-box;

assets/sass/components/_global.scss

@@ -7,7 +7,10 @@ body {
   margin: 0 auto;
   background-color: $color-gray-background;   // really just the color of header & footer
   color: $color-text;
-  font-family: $webfont-roboto, $system-fonts-emoji;
+  font-family: $webfont-inter;
+  font-feature-settings: "kern", "liga", "calt", "clig", "ss01";
+  font-kerning: normal;
+  font-variant-ligatures: normal;
   line-height: 1.5;
   box-sizing: border-box;
 }

assets/sass/components/_header.scss

@@ -23,7 +23,7 @@ header {
         margin: 0 0 0 0.8em;
         font-size: 1.5em;
         font-weight: 500;
-        letter-spacing: 0.01em;
+        letter-spacing: -0.01em;
       }
 
       svg {

assets/sass/pages/_home.scss

@@ -11,6 +11,7 @@ main#home {
     margin: 0 0 0.6em 0;
     font-size: 1.6em;
     font-weight: 500;
+    letter-spacing: -0.015em;
     line-height: 1.2;
   }
 
@@ -18,16 +19,20 @@ main#home {
     margin: 0.6em 0;
     font-size: 1.3em;
     font-weight: 400;
+    letter-spacing: -0.025em;
     line-height: 1.4;
   }
 
   p {
     margin: 0.8em 0;
+    letter-spacing: -0.02em;
+    line-height: 1.55;
   }
 
   sup {
     top: -0.5em;
     font-size: 0.5em;
+    letter-spacing: -0.005em;
     line-height: 0;
     margin-right: 0.1em;
     position: relative;

assets/sass/pages/_list.scss

@@ -7,10 +7,11 @@ main#list {
   margin: 0 auto;
 
   section.year {
-    font-size: 1.1em;
+    font-size: 1.05em;
 
     h2 {
-      font-size: 1.8em;
+      font-size: 2.25em;
+      letter-spacing: -0.025em;
       margin: 0;
     }
 
@@ -22,6 +23,7 @@ main#list {
 
     li {
       display: flex;
+      letter-spacing: -0.015em;
 
       div.date {
         color: $color-medium;

assets/sass/pages/_single.scss

@@ -9,6 +9,7 @@ main#single {
   article div {
     &#content {
       font-weight: 400;
+      letter-spacing: -0.011em;
       line-height: 1.7;
 
       h1,

assets/sass/pages/_videos.scss

@@ -8,6 +8,7 @@ main#video {
 
   h1 {
     margin-top: 0;
+    letter-spacing: -0.005em;
 
     a {
       color: inherit;
@@ -16,6 +17,7 @@ main#video {
 
   p {
     font-size: 0.85em;
+    letter-spacing: -0.01em;
     line-height: 1.5;
     color: #777777;
     margin: 1.25em;

config.toml

@@ -90,7 +90,7 @@ disableAliases = true
     [markup.goldmark.extensions]
       linkify = false
       strikethrough = true
-      typographer = true
+      typographer = false
     [markup.goldmark.parser]
       autoHeadingID = false
     [markup.goldmark.renderer]

content/_index.html

@@ -1,6 +1,6 @@
 ---
 title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
-date: 2020-01-06 18:44:33-0400
+date: 2020-01-21 22:14:57-0400
 type: home
 ---
 

layouts/partials/head/head.html

@@ -2,7 +2,6 @@
 {{ partial "head/social-images" . -}}
 {{ partial "head/open-graph" . -}}
 {{ partialCached "head/mobile" . -}}
-{{ partialCached "head/preload" . -}}
 {{ partialCached "head/styles" . -}}
 {{ partialCached "head/favicons" (dict "png_sizes" "192 48 32 16" "ico_sizes" "16 32 48") -}}
 <link rel="manifest" href="{{ "site.webmanifest" | absURL }}">

layouts/partials/head/preload.html

@@ -1,3 +0,0 @@
-<link rel="preload" href="{{ "fonts/roboto-latin-regular.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>
-<link rel="preload" href="{{ "fonts/roboto-latin-medium.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>
-<link rel="preload" href="{{ "fonts/roboto-latin-bold.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>

yarn.lock

@@ -161,12 +161,12 @@
     glob-to-regexp "^0.3.0"
 
 "@netlify/build@^0.1.7":
-  version "0.1.37"
-  resolved "https://registry.yarnpkg.com/@netlify/build/-/build-0.1.37.tgz#6bb24aaad6d0ae836165586512d92532629f99d8"
-  integrity sha512-E1pjiczzhXjj2Dv+ChDTdtFGIBGqdttDFQTWTHlhtIV+QT682LsT2S5DGsO+tbm6N7DVtwpEDZfq3HlULYQg9Q==
+  version "0.1.42"
+  resolved "https://registry.yarnpkg.com/@netlify/build/-/build-0.1.42.tgz#18f59a49d9e8f40feb93bf46144656c1ca34e5fa"
+  integrity sha512-kS5btj3qx0kML0k9oiFtDL3KK/BLDNrCawgSmyXwZbhq8wJvoDPnLmDmIcOm+Em2GfjczHq4+nodo6IRunlUcw==
   dependencies:
     "@netlify/cache-utils" "^0.1.2"
-    "@netlify/config" "^0.1.14"
+    "@netlify/config" "^0.1.16"
     "@netlify/functions-utils" "^0.1.0"
     "@netlify/git-utils" "0.1.0"
     "@netlify/run-utils" "0.1.0"
@@ -222,10 +222,10 @@
     path-exists "^4.0.0"
     readdirp "^3.3.0"
 
-"@netlify/config@^0.1.12", "@netlify/config@^0.1.14", "@netlify/config@^0.1.7":
-  version "0.1.14"
-  resolved "https://registry.yarnpkg.com/@netlify/config/-/config-0.1.14.tgz#de17eae09b95ac8f8c89395ede9acb8b508d65f2"
-  integrity sha512-hiIIO8+ET8EBxKrQ0JvjQkdvK7TK2rcul1bUvzk7Rkha1gkC2JmtBCPHYaShIYsv20J0IOPdVb8fiZVHm4Rq1w==
+"@netlify/config@^0.1.12", "@netlify/config@^0.1.16", "@netlify/config@^0.1.7":
+  version "0.1.16"
+  resolved "https://registry.yarnpkg.com/@netlify/config/-/config-0.1.16.tgz#4794a43872cf7600e38d2754855fd453e9edf76f"
+  integrity sha512-OOXMubQx1jBijeuidAz3eJr+E2SpjTef8GSzzR6L4D5MqEVXlV4AC++lLpCjQWheA1kE1xLfhXUFELRvkcsuyA==
   dependencies:
     chalk "^3.0.0"
     configorama "^0.3.6"
@@ -239,7 +239,7 @@
     make-dir "^3.0.0"
     map-obj "^4.1.0"
     path-exists "^4.0.0"
-    resolve "^1.12.0"
+    resolve "^1.14.2"
 
 "@netlify/functions-utils@^0.1.0":
   version "0.1.0"
@@ -651,9 +651,9 @@
   integrity sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==
 
 "@types/yargs@^13.0.0":
-  version "13.0.5"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.5.tgz#18121bfd39dc12f280cee58f92c5b21d32041908"
-  integrity sha512-CF/+sxTO7FOwbIRL4wMv0ZYLCRfMid2HQpzDRyViH7kSpfoAFiMdGqKIxb1PxWfjtQXQhnQuD33lvRHNwr809Q==
+  version "13.0.6"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.6.tgz#6aed913a92c262c13b94d4bca8043237de202124"
+  integrity sha512-IkltIncDQWv6fcAvnHtJ6KtkmY/vtR3bViOaCzpj/A3yNhlfZAgxNe6AEQD1cQrkYD+YsKVo08DSxvNKEsD7BA==
   dependencies:
     "@types/yargs-parser" "*"
 
@@ -1161,11 +1161,11 @@ braces@^3.0.1, braces@~3.0.2:
     fill-range "^7.0.1"
 
 browserslist@^4.8.3:
-  version "4.8.4"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.4.tgz#b0cf2470ce928ce86b546217f70825577bb01c3a"
-  integrity sha512-3qv/Ar3nRnRTpwGD+LZc7F4YHDBb3NAEIn+DesNa8TcBhyxf8eDqYwTOa70kiWXwvFjQQz+abbykJcyOlfBfNg==
+  version "4.8.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.5.tgz#691af4e327ac877b25e7a3f7ee869c4ef36cdea3"
+  integrity sha512-4LMHuicxkabIB+n9874jZX/az1IaZ5a+EUuvD7KFOu9x/Bd5YHyO0DIz2ls/Kl8g0ItS4X/ilEgf4T1Br0lgSg==
   dependencies:
-    caniuse-lite "^1.0.30001021"
+    caniuse-lite "^1.0.30001022"
     electron-to-chromium "^1.3.338"
     node-releases "^1.1.46"
 
@@ -1334,7 +1334,7 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-caniuse-lite@^1.0.30001020, caniuse-lite@^1.0.30001021:
+caniuse-lite@^1.0.30001020, caniuse-lite@^1.0.30001022:
   version "1.0.30001022"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001022.tgz#9eeffe580c3a8f110b7b1742dcf06a395885e4c6"
   integrity sha512-FjwPPtt/I07KyLPkBQ0g7/XuZg6oUkYBVnPHNj3VHJbOjmmJ/GdSo/GUY6MwINEQvjhP6WZVbX8Tvms8xh0D5A==
@@ -1574,9 +1574,9 @@ cli-ux@^4.9.0:
     tslib "^1.9.3"
 
 cli-ux@^5.2.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/cli-ux/-/cli-ux-5.4.1.tgz#d0eb2509923acd43989e11a9297de515adde9079"
-  integrity sha512-x5CJXJPKBrEo6o8Uy/Upajb9OWYMhTzOpRvKZyZ68kkHysiGd9phGP71WyHZfLUkhwdvpNUFkY2tsDr0ogyocg==
+  version "5.4.2"
+  resolved "https://registry.yarnpkg.com/cli-ux/-/cli-ux-5.4.2.tgz#ac3187db44ccfae85681adba3aa4e426d0b2eff4"
+  integrity sha512-DdebO9mCNjY0+rtzucZ3GcAaW5iI/2DFFSUU/R9Dx5ubnOa8gFb2+4gh7NqZCL/jL0zZgW7UFcKvYADi0WHI1Q==
   dependencies:
     "@oclif/command" "^1.5.1"
     "@oclif/errors" "^1.2.1"
@@ -2483,9 +2483,9 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.338:
-  version "1.3.338"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.338.tgz#4f33745aed599dfa0fd7b388bf754c164e915168"
-  integrity sha512-wlmfixuHEc9CkfOKgcqdtzBmRW4NStM9ptl5oPILY2UDyHuSXb3Yit+yLVyLObTgGuMMU36hhnfs2GDJId7ctA==
+  version "1.3.339"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.339.tgz#ff7b56c4bc58159f0d6623591116e4414e7a618b"
+  integrity sha512-C1i/vH6/kQx9YV8RddMkmW216GwW4pTrnYIlKmDFIqXA4fPwqDxIdGyHsuG+fgurHoljRz7/oaD+tztcryW/9g==
 
 elf-tools@^1.1.1:
   version "1.1.1"
@@ -2537,9 +2537,9 @@ error-ex@^1.2.0, error-ex@^1.3.1:
     is-arrayish "^0.2.1"
 
 es-abstract@^1.17.0-next.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2:
-  version "1.17.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.3.tgz#d921ff5889a3664921094bb13aaf0dfd11818578"
-  integrity sha512-AwiVPKf3sKGMoWtFw0J7Y4MTZ4Iek67k4COWOwHqS8B9TOZ71DCfcoBmdamy8Y6mj4MDz0+VNUpC2HKHFHA3pg==
+  version "1.17.4"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.4.tgz#e3aedf19706b20e7c2594c35fc0d57605a79e184"
+  integrity sha512-Ae3um/gb8F0mui/jPL+QiqmglkUsaQf7FwBEHYIFkztkneosu9imhqHpBzQ3h1vit8t5iQ74t6PEVvphBZiuiQ==
   dependencies:
     es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
@@ -5685,9 +5685,9 @@ node-fetch@^2.2.0, node-fetch@^2.3.0, node-fetch@^2.6.0:
   integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
 
 node-releases@^1.1.46:
-  version "1.1.46"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.46.tgz#6b262afef1bdc9a950a96df2e77e0d2290f484bf"
-  integrity sha512-YOjdx+Uoh9FbRO7yVYbnbt1puRWPQMemR3SutLeyv2XfxKs1ihpe0OLAUwBPEP2ImNH/PZC7SEiC6j32dwRZ7g==
+  version "1.1.47"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.47.tgz#c59ef739a1fd7ecbd9f0b7cf5b7871e8a8b591e4"
+  integrity sha512-k4xjVPx5FpwBUj0Gw7uvFOTF4Ep8Hok1I6qjwL3pLfwe7Y0REQSAqOwwv9TWBCUtMHxcXfY4PgRLRozcChvTcA==
   dependencies:
     semver "^6.3.0"