diff --git a/.eleventy.js b/.eleventy.js
index 6d52e1c..816caac 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -15,6 +15,7 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ 'src/sitemap.xml': '/sitemap.xml' });
   eleventyConfig.addPassthroughCopy("src/css/prism-tomorrow.css");
   eleventyConfig.addPassthroughCopy("src/assets/fontawesome");
+  eleventyConfig.addPassthroughCopy("src/assets/googlefonts");
 
 
   eleventyConfig.addPlugin(syntaxHighlight);
diff --git a/src/assets/googlefonts/ibm-plex-sans-v22-latin-700.woff2 b/src/assets/googlefonts/ibm-plex-sans-v22-latin-700.woff2
new file mode 100644
index 0000000..953f94f
Binary files /dev/null and b/src/assets/googlefonts/ibm-plex-sans-v22-latin-700.woff2 differ
diff --git a/src/assets/googlefonts/ibm-plex-sans-v22-latin-regular.woff2 b/src/assets/googlefonts/ibm-plex-sans-v22-latin-regular.woff2
new file mode 100644
index 0000000..f0ee65d
Binary files /dev/null and b/src/assets/googlefonts/ibm-plex-sans-v22-latin-regular.woff2 differ
diff --git a/src/assets/googlefonts/red-hat-mono-v15-latin-700.woff2 b/src/assets/googlefonts/red-hat-mono-v15-latin-700.woff2
new file mode 100644
index 0000000..8673f87
Binary files /dev/null and b/src/assets/googlefonts/red-hat-mono-v15-latin-700.woff2 differ
diff --git a/src/assets/googlefonts/red-hat-mono-v15-latin-regular.woff2 b/src/assets/googlefonts/red-hat-mono-v15-latin-regular.woff2
new file mode 100644
index 0000000..133b5f2
Binary files /dev/null and b/src/assets/googlefonts/red-hat-mono-v15-latin-regular.woff2 differ
diff --git a/src/css/input.css b/src/css/input.css
index 993ea3e..5580280 100644
--- a/src/css/input.css
+++ b/src/css/input.css
@@ -4,6 +4,38 @@
 html, body {
     height: 100%;
 }
+/* red-hat-mono-regular - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'Red Hat Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/googlefonts/red-hat-mono-v15-latin-regular.woff2') format('woff2');
+}
+/* red-hat-mono-700 - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'Red Hat Mono';
+  font-style: normal;
+  font-weight: 700;
+  src: url('/assets/googlefonts/red-hat-mono-v15-latin-700.woff2') format('woff2');
+}
+/* ibm-plex-sans-regular - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/googlefonts/ibm-plex-sans-v22-latin-regular.woff2') format('woff2');
+}
+/* ibm-plex-sans-700 - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('/assets/googlefonts/ibm-plex-sans-v22-latin-700.woff2') format('woff2');
+}
 body {
     font-family: 'IBM Plex Sans', sans-serif;
     background-color: #1a202c;