From 0e609f0d7b6ce2d67df551f70085bc62daa5f55e Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Fri, 12 Nov 2021 08:44:23 -0500
Subject: [PATCH] fix Inter italics on Chrome, and only declare latin and
 latin-ext unicode ranges

---
 assets/sass/abstracts/_typography.scss | 26 ++++++++++++++++++--------
 assets/sass/components/_global.scss    |  6 ++++++
 assets/sass/components/_syntax.scss    |  2 +-
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/assets/sass/abstracts/_typography.scss b/assets/sass/abstracts/_typography.scss
index 1bb367b4..4cbe5f4c 100644
--- a/assets/sass/abstracts/_typography.scss
+++ b/assets/sass/abstracts/_typography.scss
@@ -2,6 +2,14 @@
 @use "~@fontsource/roboto-mono/scss/mixins" as RobotoMono;
 @use "~@fontsource/comic-neue/scss/mixins" as ComicNeue;
 
+// stylelint-disable scss/operator-no-unspaced
+// prettier-ignore
+$latin-only: (
+  latin: (U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD),
+  latin-ext: (U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF)
+);
+// stylelint-enable scss/operator-no-unspaced
+
 /*!
  * Inter typeface - https://rsms.me/inter/
  *
@@ -11,12 +19,12 @@
  */
 
 // Variable
-@include Inter.fontFaceVariable($fontName: "Inter var", $type: "full");
+@include Inter.fontFaceVariable($fontName: "Inter var", $type: "full", $unicodeMap: $latin-only);
 
 // Legacy
-@include Inter.fontFace($fontName: "Inter", $weight: 400);
-@include Inter.fontFace($fontName: "Inter", $weight: 500);
-@include Inter.fontFace($fontName: "Inter", $weight: 700);
+@include Inter.fontFace($fontName: "Inter", $weight: 400, $unicodeMap: $latin-only);
+@include Inter.fontFace($fontName: "Inter", $weight: 500, $unicodeMap: $latin-only);
+@include Inter.fontFace($fontName: "Inter", $weight: 700, $unicodeMap: $latin-only);
 
 /*!
  * Roboto Mono typeface - https://fonts.google.com/specimen/Roboto+Mono
@@ -27,12 +35,14 @@
  */
 
 // Variable
-@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var");
-@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var", $style: italic);
+@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var", $unicodeMap: $latin-only);
+@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var", $style: italic, $unicodeMap: $latin-only);
 
 // Legacy
-@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 400);
-@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 700);
+@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 400, $unicodeMap: $latin-only);
+@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 400, $style: italic, $unicodeMap: $latin-only);
+@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 700, $unicodeMap: $latin-only);
+@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 700, $style: italic, $unicodeMap: $latin-only);
 
 /*!
  * Comic Neue typeface - http://comicneue.com/
diff --git a/assets/sass/components/_global.scss b/assets/sass/components/_global.scss
index a34c491b..ca291745 100644
--- a/assets/sass/components/_global.scss
+++ b/assets/sass/components/_global.scss
@@ -55,6 +55,12 @@ pre,
   .monospace {
     font-family: settings.$font-stack-mono-variable;
   }
+
+  // Chrome doesn't automatically slant multi-axis Inter var, for some reason
+  em {
+    font-style: italic;
+    font-variation-settings: "ital" 1, "slnt" -10;
+  }
 }
 
 a {
diff --git a/assets/sass/components/_syntax.scss b/assets/sass/components/_syntax.scss
index bf417e81..da988794 100644
--- a/assets/sass/components/_syntax.scss
+++ b/assets/sass/components/_syntax.scss
@@ -3,7 +3,7 @@
 // all code
 code {
   font-size: 0.925em;
-  letter-spacing: 0;
+  letter-spacing: normal;
   page-break-inside: avoid; // stylelint-disable-line plugin/no-unsupported-browser-features
 }