From b629ccf0039d9757880d4057d28c5e376c4a6826 Mon Sep 17 00:00:00 2001
From: scoliono <2191476+scoliono@users.noreply.github.com>
Date: Sat, 29 Aug 2020 10:03:56 -0700
Subject: [PATCH] use garamond for article content

---
 src/routes/a/[slug].svelte | 5 +++++
 src/template.html          | 1 +
 2 files changed, 6 insertions(+)

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 -->