diff --git a/src/routes/a/[slug].svelte b/src/routes/a/[slug].svelte
index 4e3ae5b..ac1c7c6 100644
--- a/src/routes/a/[slug].svelte
+++ b/src/routes/a/[slug].svelte
@@ -56,6 +56,11 @@
         so we have to use the :global(...) modifier to target
         all elements inside .content
     */
+    :global(.article-content) {
+        font-size: 18px;
+        font-family: 'EB Garamond';
+    }
+
     .content :global(h2) {
         font-size: 1.4em;
         font-weight: 500;
diff --git a/src/template.html b/src/template.html
index cfb0b19..ba60d2d 100644
--- a/src/template.html
+++ b/src/template.html
@@ -9,6 +9,7 @@
     %sapper.base%
 	<link rel='stylesheet' href='global.css'>
 	<link rel='icon' type='image/png' href='favicon.png'>
+              <link href='https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&display=swap' rel='stylesheet'>
 	%sapper.styles%
 	%sapper.head%
 	<!-- Global site tag (gtag.js) - Google Analytics -->