writing: replace google font

layouts/partials/writing-head.html

@@ -1,5 +1,3 @@
-<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
-<style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); </style>
 <style>
   .accordion {
     cursor: pointer;
@@ -58,7 +56,7 @@
   }
 
   .book-cell {
-    font-family: 'IBM Plex Mono';
+    font-family: IBMPlexMono;
     text-align: center;
   }
   .book-cover img {
@@ -66,13 +64,13 @@
   }
   
   .book-blurb {
-    font-family: 'IBM Plex Mono';
+    font-family: IBMPlexMono;
     font-size: 12px;
     padding-top: 10px;
   }
 
   .book-detail {
-    font-family: 'IBM Plex Mono';
+    font-family: IBMPlexMono;
     font-size: 18px;
     padding-top: 10px;
     text-decoration: underline;
@@ -81,6 +79,5 @@
   .book-detail a {
     color: #000;
   }
-
 </style>
 <script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>

themes/sophie-lewis/assets/scss/font.scss

@@ -12,6 +12,7 @@
 
 $sans_font: IBMPlexSans;
 $serif_font: IBMPlexSerif;
+$mono_font: IBMPlexMono;
 
 @font-face {
     @include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2')
@@ -40,4 +41,21 @@ $serif_font: IBMPlexSerif;
 @font-face {
     @include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2')
 }
-
+@font-face {
+    @include define-font-family($mono_font, normal, italic, 'IBMPlexMono-Italic.woff2')
+}
+@font-face {
+    @include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
+}
+@font-face {
+    @include define-font-family($mono_font, bold, italic, 'IBMPlexMono-BoldItalic.woff2')
+}
+@font-face {
+    @include define-font-family($mono_font, bold, null, 'IBMPlexMono-Bold.woff2')
+}
+@font-face {
+    @include define-font-family($mono_font, 700, italic, 'IBMPlexMono-MediumItalic.woff2')
+}
+@font-face {
+    @include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2')
+}