WIP

Author: Felix Hennig

package-lock.json

@@ -61,5 +61,8 @@
     "typeface-titillium-web": "1.1.13",
     "vinyl-buffer": "^1.0",
     "vinyl-fs": "^3.0"
+  },
+  "dependencies": {
+    "@ibm/plex": "^6.4.1"
   }
 }

package.json

@@ -33,6 +33,7 @@
 .doc h6 {
   color: var(--heading-font-color);
   font-weight: var(--heading-font-weight);
+  font-family: 'IBM Plex Mono', sans-serif;
   hyphens: none;
   line-height: 1.3;
   margin: 1rem 0 0;

src/css/doc.css

@@ -1,5 +1,6 @@
 @import "typeface-roboto-mono.css";
 @import "typeface-titillium-web.css";
+/** @import "typeface-ibm-plex-mono.css"; **/
 @import "vars.css";
 @import "base.css";
 @import "body.css";

src/css/site.css

@@ -0,0 +1,17 @@
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url(~@ibm/plex/IBM-Plex-Mono/fonts/complete/woff2/IBMPlexMono-Regular.woff2) format("woff2"),
+    url(~@ibm/plex/IBM-Plex-Mono/fonts/complete/woff/IBMPlexMono-Regular.woff) format("woff");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: normal;
+  font-weight: 600;
+  src:
+    url(~@ibm/plex/IBM-Plex-Mono/fonts/complete/woff2/IBMPlexMono-SemiBold.woff2) format("woff2"),
+    url(~@ibm/plex/IBM-Plex-Mono/fonts/complete/woff/IBMPlexMono-SemiBold.woff) format("woff");
+}

src/css/typeface-ibm-plex-mono.css

@@ -79,7 +79,7 @@
   --doc-margin: 0 auto;
   --doc-margin--desktop: 0 1rem;
   --heading-font-color: var(--color-jet-80);
-  --heading-font-weight: normal;
+  --heading-font-weight: 600;
   --alt-heading-font-weight: var(--body-font-weight-bold);
   --section-divider-color: var(--panel-border-color);
   --link-font-color: #1880bd;