Attempt to include IBM Plex Sans font

5 files changed, 41 insertions, 0 deletions

diff --git a/IBMPlexSans-Bold.woff2 b/IBMPlexSans-Bold.woff2
new file mode 100644
index 0000000..f86a4f4
--- /dev/null
+++ b/IBMPlexSans-Bold.woff2
diff --git a/IBMPlexSans-BoldItalic.woff2 b/IBMPlexSans-BoldItalic.woff2
new file mode 100644
index 0000000..804fb7f
--- /dev/null
+++ b/IBMPlexSans-BoldItalic.woff2
diff --git a/IBMPlexSans-Italic.woff2 b/IBMPlexSans-Italic.woff2
new file mode 100644
index 0000000..9916d03
--- /dev/null
+++ b/IBMPlexSans-Italic.woff2
diff --git a/IBMPlexSans-Regular.woff2 b/IBMPlexSans-Regular.woff2
new file mode 100644
index 0000000..a6aad7c
--- /dev/null
+++ b/IBMPlexSans-Regular.woff2
diff --git a/theme.css b/theme.css
index a4b3000..4b6fe1a 100644
--- a/theme.css
+++ b/theme.css
@@ -131,7 +131,48 @@
     --button-color:           var(--color--yellow);
 }
 
+@font-face {
+    font-family: 'IBM Plex Sans';
+    font-style: normal;
+    font-weight: 700;
+    src:
+        local("IBM Plex Sans Bold"),
+        local("IBMPlexSans-Bold"),
+        url("./IBMPlexSans-Bold.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    font-style: italic;
+    font-weight: 700;
+    src:
+        local("IBM Plex Sans Bold Italic"),
+        local("IBMPlexSans-BoldItalic"),
+        url("./IBMPlexSans-BoldItalic.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    font-style: italic;
+    font-weight: 400;
+    src:
+        local("IBM Plex Sans Italic"),
+        local("IBMPlexSans-Italic"),
+        url("./IBMPlexSans-Italic.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    font-style: normal;
+    font-weight: 400;
+    src:
+        local("IBM Plex Sans"),
+        local("IBMPlexSans"),
+        url("./IBMPlexSans-Regular.woff2") format("woff2");
+}
+
 body {
+    font-family:     IBM Plex Sans, -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial;
     scrollbar-color: var(--color--scrollbar--fg) var(--color--scrollbar--bg);
 }