diff --git a/src/components/BasePage.tsx b/src/components/BasePage.tsx
index 6d50cf5..8e2ec7f 100644
--- a/src/components/BasePage.tsx
+++ b/src/components/BasePage.tsx
@@ -18,6 +18,7 @@ source.addEventListener("reload", () => location.reload());`;
 			<meta charset="utf-8" />
 			<title>{props.title}</title>
 			<meta name="viewport" content="width=device-width" />
+			<link rel="stylesheet" href="/assets/styles/font.css" />
 			<link rel="stylesheet" href="/assets/styles/base.css" />
 			<script type="module" defer="" src="/assets/scripts/viewport.js" />
 			{ reloadScript }
diff --git a/web/assets/fonts/ComicNeue-Bold.woff2 b/web/assets/fonts/ComicNeue-Bold.woff2
new file mode 100644
index 0000000..250a33f
Binary files /dev/null and b/web/assets/fonts/ComicNeue-Bold.woff2 differ
diff --git a/web/assets/fonts/ComicNeue-BoldItalic.woff2 b/web/assets/fonts/ComicNeue-BoldItalic.woff2
new file mode 100644
index 0000000..2fecd41
Binary files /dev/null and b/web/assets/fonts/ComicNeue-BoldItalic.woff2 differ
diff --git a/web/assets/fonts/ComicNeue-Italic.woff2 b/web/assets/fonts/ComicNeue-Italic.woff2
new file mode 100644
index 0000000..f2bcb15
Binary files /dev/null and b/web/assets/fonts/ComicNeue-Italic.woff2 differ
diff --git a/web/assets/fonts/ComicNeue-Light.woff2 b/web/assets/fonts/ComicNeue-Light.woff2
new file mode 100644
index 0000000..4f1f4f4
Binary files /dev/null and b/web/assets/fonts/ComicNeue-Light.woff2 differ
diff --git a/web/assets/fonts/ComicNeue-LightItalic.woff2 b/web/assets/fonts/ComicNeue-LightItalic.woff2
new file mode 100644
index 0000000..3d9db1c
Binary files /dev/null and b/web/assets/fonts/ComicNeue-LightItalic.woff2 differ
diff --git a/web/assets/fonts/ComicNeue-Regular.woff2 b/web/assets/fonts/ComicNeue-Regular.woff2
new file mode 100644
index 0000000..0580549
Binary files /dev/null and b/web/assets/fonts/ComicNeue-Regular.woff2 differ
diff --git a/web/assets/styles/base.css b/web/assets/styles/base.css
index edabd0f..fc9ea79 100644
--- a/web/assets/styles/base.css
+++ b/web/assets/styles/base.css
@@ -43,7 +43,7 @@ textarea:not([rows]) {
 /* Overall styling */
 html {
 	color-scheme: light dark;
-	font-family: sans-serif;
+	font-family: "Comic Neue", sans-serif;
 	overflow-wrap: break-word;
 	scrollbar-gutter: stable;
 }
@@ -57,6 +57,7 @@ hgroup p {
 }
 
 h1, h2, h3, h4 {
+	font-family: "Comic Neue", sans-serif;
 	margin-block-start: 1.25em;
 	margin-block-end: 0.5em;
 }
diff --git a/web/assets/styles/font.css b/web/assets/styles/font.css
new file mode 100644
index 0000000..56ba778
--- /dev/null
+++ b/web/assets/styles/font.css
@@ -0,0 +1,71 @@
+@font-face {
+	font-family: 'Comic Neue';
+	src:
+		local('Comic Neue Light'),
+		local('ComicNeue-Light'),
+		url('/assets/fonts/ComicNeue-Light.woff2') format('woff2')
+	;
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Comic Neue';
+	src:
+		local('Comic Neue Italic'),
+		local('ComicNeue-Italic'),
+		url('/assets/fonts/ComicNeue-Italic.woff2') format('woff2')
+	;
+	font-weight: normal;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Comic Neue';
+	src:
+		local('Comic Neue Bold'),
+		local('ComicNeue-Bold'),
+		url('/assets/fonts/ComicNeue-Bold.woff2') format('woff2')
+	;
+	font-weight: bold;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Comic Neue';
+	src:
+		local('Comic Neue Bold Italic'),
+		local('ComicNeue-BoldItalic'),
+		url('/assets/fonts/ComicNeue-BoldItalic.woff2') format('woff2')
+	;
+	font-weight: bold;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Comic Neue';
+	src:
+		local('Comic Neue Light Italic'),
+		local('ComicNeue-LightItalic'),
+		url('/assets/fonts/ComicNeue-LightItalic.woff2') format('woff2')
+	;
+	font-weight: 300;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Comic Neue';
+	src:
+		local('Comic Neue Regular'),
+		local('ComicNeue-Regular'),
+		url('/assets/fonts/ComicNeue-Regular.woff2') format('woff2')
+	;
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}