use garamond for article content

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;

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