feat(fonts.css): update body font to DM Sans

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "3.0.4",
+      "version": "3.1.0",
       "license": "MIT",
       "dependencies": {
         "html-minifier-terser": "7.2.0",

package.json

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

src/assets/styles/base/fonts.css

@@ -1,11 +1,3 @@
-@font-face {
-  font-family: "MonoLisa";
-  src: url("/assets/fonts/ml.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
 @font-face {
   font-family: "Space Grotesk";
   src: url("/assets/fonts/sg.woff2") format("woff2");
@@ -13,3 +5,27 @@
   font-style: normal;
   font-display: swap;
 }
+
+@font-face {
+  font-family: "DM Sans";
+  src: url("/assets/fonts/dmr.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "DM Sans";
+  src: url("/assets/fonts/dmb.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@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,7 +71,7 @@
   --border-gray: 1px solid var(--gray-light);
 
   /* fonts */
-  --font-body: Helvetica Neue, Helvetica, Arial, sans-serif;
+  --font-body: "DM Sans", Helvetica Neue, Helvetica, Arial, system-ui, 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;