feat(fonts.css): update body and mono fonts to use system stacks

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "10.7.6",
+  "version": "10.8.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "10.7.6",
+      "version": "10.8.6",
       "license": "MIT",
       "dependencies": {
         "minisearch": "^7.1.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "10.7.6",
+  "version": "10.8.6",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {

src/assets/scripts/sw.js

@@ -3,9 +3,6 @@ const staticAssets = [
   "/assets/styles/index.css",
   "/assets/styles/noscript.css",
   "/assets/fonts/sg.woff2",
-  "/assets/fonts/dm.woff2",
-  "/assets/fonts/dmi.woff2",
-  "/assets/fonts/ml.woff2",
   "/assets/scripts/index.js",
   "/assets/scripts/components/select-pagination.js"
 ];

src/assets/styles/base/fonts.css

@@ -5,43 +5,3 @@
   font-style: normal;
   font-display: swap;
 }
-
-@font-face {
-  font-family: "DM Sans";
-  src: url("/assets/fonts/dm-regular.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "DM Sans";
-  src: url("/assets/fonts/dm-bold.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "DM Sans";
-  src: url("/assets/fonts/dm-regular-italic.woff2") format("woff2");
-  font-weight: 400;
-  font-style: italic;
-  font-display: optional;
-}
-
-@font-face {
-  font-family: "DM Sans";
-  src: url("/assets/fonts/dm-bold-italic.woff2") format("woff2");
-  font-weight: 700;
-  font-style: italic;
-  font-display: optional;
-}
-
-@font-face {
-  font-family: "MonoLisa";
-  src: url("/assets/fonts/ml.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}

src/assets/styles/base/vars.css

@@ -71,10 +71,11 @@
   --border-gray: 1px solid var(--gray-light);
 
   /* fonts */
-  --font-body: "DM Sans", Helvetica Neue, Helvetica, Arial, system-ui, sans-serif;
+  --font-body:
+    -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans,
+    Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
   --font-heading: "Space Grotesk", "Arial Black", "Arial Bold", Gadget, sans-serif;
-  --font-code:
-    "MonoLisa", SFMono-Regular, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
+  --font-code: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace;
 
   /* text */
   --font-size-xs: 0.7rem;

src/layouts/base.liquid

@@ -9,20 +9,6 @@
       type="font/woff2"
       crossorigin="anonymous"
     >
-    <link
-      rel="preload"
-      href="/assets/fonts/dm-regular.woff2"
-      as="font"
-      type="font/woff2"
-      crossorigin="anonymous"
-    >
-    <link
-      rel="preload"
-      href="/assets/fonts/dm-bold.woff2"
-      as="font"
-      type="font/woff2"
-      crossorigin="anonymous"
-    >
     <noscript>
       <link rel="stylesheet" href="/assets/styles/noscript.css?v={% appVersion %}" type="text/css">
     </noscript>