diff --git a/.eleventy.js b/.eleventy.js
index 63c063f..71cd1f5 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -6,6 +6,11 @@ module.exports = (eleventyConfig) => {
     require("./config/template-languages/css-config.js"),
   );
 
+  // 	--------------------- Passthrough File Copy -----------------------
+  ["src/assets/fonts/"].forEach((path) =>
+    eleventyConfig.addPassthroughCopy(path),
+  );
+
   return {
     // Optional (default is set): If your site deploys to a subdirectory, change `pathPrefix`, for example with with GitHub pages
     pathPrefix: "/",
diff --git a/src/assets/css/global.css b/src/assets/css/global.css
index 9550522..3180914 100644
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -1,4 +1,5 @@
 @import "global/reset.css";
+@import "global/fonts.css";
 
 @import "global/global-styles.css";
 
diff --git a/src/assets/css/global/fonts.css b/src/assets/css/global/fonts.css
new file mode 100644
index 0000000..a8d9918
--- /dev/null
+++ b/src/assets/css/global/fonts.css
@@ -0,0 +1,82 @@
+@supports not (font-variation-settings: normal) {
+  @font-face {
+    font-family: Quattro;
+    font-style: normal;
+    font-display: swap;
+    font-weight: 450;
+    src:
+      local(""),
+      url("/assets/fonts/quattro/iAWriterQuattroS-Regular.woff2")
+        format("woff2");
+  }
+
+  @font-face {
+    font-family: Quattro;
+    font-style: bold;
+    font-display: swap;
+    font-weight: 650;
+    src:
+      local(""),
+      url("/assets/fonts/quattro/iAWriterQuattroS-Bold.woff2") format("woff2");
+  }
+
+  @font-face {
+    font-family: Quattro;
+    font-style: italic;
+    font-display: swap;
+    font-weight: 450;
+    src:
+      local(""),
+      url("/assets/fonts/quattro/iAWriterQuattroS-Italic.woff2") format("woff2");
+  }
+
+  @font-face {
+    font-family: Quattro;
+    font-style: italic;
+    font-display: swap;
+    font-weight: 650;
+    src:
+      local(""),
+      url("/assets/fonts/quattro/iAWriterQuattroS-BoldItalic.woff2")
+        format("woff2");
+  }
+
+  @font-face {
+    font-family: AnekLatin;
+    font-style: bold;
+    font-display: swap;
+    font-weight: 700;
+    src:
+      local(""),
+      url("/assets/fonts/aneklatin/AnekLatin-Bold.ttf") format("truetype");
+  }
+
+  @font-face {
+    font-family: AnekLatin;
+    font-style: bold;
+    font-display: swap;
+    font-weight: 800;
+    src:
+      local(""),
+      url("/assets/fonts/aneklatin/AnekLatin-ExtraBold.ttf") format("truetype");
+  }
+}
+
+@supports (font-variation-settings: normal) {
+  @font-face {
+    font-family: Quattro;
+    src: url("/assets/fonts/quattro/iAWriterQuattroV.ttf") format("truetype");
+    font-weight: 450 600;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: AnekLatin;
+    src: url("/assets/fonts/aneklatin/AnekLatin-VariableFont_wdth,wght.ttf")
+      format("truetype");
+    font-weight: 700 800;
+    font-style: normal;
+    font-display: swap;
+  }
+}
diff --git a/src/assets/css/global/global-styles.css b/src/assets/css/global/global-styles.css
index 9483710..2443682 100644
--- a/src/assets/css/global/global-styles.css
+++ b/src/assets/css/global/global-styles.css
@@ -4,3 +4,41 @@
   Low-specificity, global styles that apply to the whole
   project: https://cube.fyi/css.html
 */
+body {
+  font-family:
+    Quattro,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    "system-ui",
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+}
+
+h1 {
+  font-family: AnekLatin;
+  font-weight: 800;
+}
+
+h2,
+h3 {
+  font-family: AnekLatin;
+  font-weight: 700;
+}
+
+h3 {
+  text-transform: uppercase;
+}
+
+a {
+  text-decoration-color: black;
+  text-decoration-thickness: 2px;
+}
diff --git a/src/assets/css/utils/flow.css b/src/assets/css/utils/flow.css
new file mode 100644
index 0000000..aea8326
--- /dev/null
+++ b/src/assets/css/utils/flow.css
@@ -0,0 +1,8 @@
+/*
+FLOW UTILITY
+Like the Every Layout stack: https://every-layout.dev/layouts/stack/
+Info about this implementation: https://piccalil.li/quick-tip/flow-utility/
+*/
+.flow > * + * {
+  margin-block-start: var(--flow-space, 1em);
+}
diff --git a/src/assets/fonts/aneklatin/AnekLatin-Bold.ttf b/src/assets/fonts/aneklatin/AnekLatin-Bold.ttf
new file mode 100644
index 0000000..a3a80e5
Binary files /dev/null and b/src/assets/fonts/aneklatin/AnekLatin-Bold.ttf differ
diff --git a/src/assets/fonts/aneklatin/AnekLatin-ExtraBold.ttf b/src/assets/fonts/aneklatin/AnekLatin-ExtraBold.ttf
new file mode 100644
index 0000000..a2ad2f7
Binary files /dev/null and b/src/assets/fonts/aneklatin/AnekLatin-ExtraBold.ttf differ
diff --git a/src/assets/fonts/aneklatin/AnekLatin-VariableFont_wdth,wght.ttf b/src/assets/fonts/aneklatin/AnekLatin-VariableFont_wdth,wght.ttf
new file mode 100644
index 0000000..c8d912e
Binary files /dev/null and b/src/assets/fonts/aneklatin/AnekLatin-VariableFont_wdth,wght.ttf differ
diff --git a/src/assets/fonts/quattro/iAWriterQuattroS-Bold.woff2 b/src/assets/fonts/quattro/iAWriterQuattroS-Bold.woff2
new file mode 100644
index 0000000..d4c3f63
Binary files /dev/null and b/src/assets/fonts/quattro/iAWriterQuattroS-Bold.woff2 differ
diff --git a/src/assets/fonts/quattro/iAWriterQuattroS-BoldItalic.woff2 b/src/assets/fonts/quattro/iAWriterQuattroS-BoldItalic.woff2
new file mode 100644
index 0000000..fb9324d
Binary files /dev/null and b/src/assets/fonts/quattro/iAWriterQuattroS-BoldItalic.woff2 differ
diff --git a/src/assets/fonts/quattro/iAWriterQuattroS-Italic.woff2 b/src/assets/fonts/quattro/iAWriterQuattroS-Italic.woff2
new file mode 100644
index 0000000..ae1630c
Binary files /dev/null and b/src/assets/fonts/quattro/iAWriterQuattroS-Italic.woff2 differ
diff --git a/src/assets/fonts/quattro/iAWriterQuattroS-Regular.woff2 b/src/assets/fonts/quattro/iAWriterQuattroS-Regular.woff2
new file mode 100644
index 0000000..a25cdbc
Binary files /dev/null and b/src/assets/fonts/quattro/iAWriterQuattroS-Regular.woff2 differ
diff --git a/src/assets/fonts/quattro/iAWriterQuattroV.ttf b/src/assets/fonts/quattro/iAWriterQuattroV.ttf
new file mode 100644
index 0000000..6d50c14
Binary files /dev/null and b/src/assets/fonts/quattro/iAWriterQuattroV.ttf differ
diff --git a/src/pages/index.md b/src/pages/index.md
index 0b7f196..c282823 100644
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -6,3 +6,15 @@ permalink: /index.html
 # Hello from index
 
 This is the root page.
+
+**This is bold text.**
+
+_This is italic text._
+
+_**This is bold and italic text.**_
+
+## Subheading
+
+### Subsubheading
+
+Here is [a link](https://wonderfulfrog.com)