Switch font to EB Garamond

2 files changed, 10 insertions, 7 deletions

diff --git a/index.html b/index.html
index 96c07a9..8b3c895 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="theme-color" content="#1D7BA3">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,900;1,400;1,900&display=swap">
+    <!--link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,900;1,400;1,900&display=swap"-->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400;1,600&display=swap">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <link rel="stylesheet" href="style.css">
   </head>
diff --git a/style.css b/style.css
index 95cd71f..cc8a29b 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,8 @@
 * {
   box-sizing: border-box;
   margin: 0; padding: 0;
-  font-family: "Merriweather", serif;
+  /*font-family: "Merriweather", serif;*/
+  font-family: "EB Garamond", serif;
   transition-timing-function: ease-in-out;
 }
 
@@ -133,7 +134,7 @@ section {
 }
 
 h2 {
-  font-size: 10px;
+  font-size: 14px;
   font-weight: normal;
   color: var(--off);
 }
@@ -149,12 +150,13 @@ h2 a.active, h2 a:hover {
 
 section:not(.editing) p {
   margin: 22px 0;
-  font-size: 16px;
+  font-size: 18px;
   line-height: 1.4em;
 }
 
 strong {
-  font-weight: 900;
+  /*font-weight: 900;*/
+  font-weight: 600;
 }
 
 blockquote {
@@ -212,7 +214,7 @@ section textarea {
   resize: none;
   border: 0;
   outline: none;
-  font-size: 16px;
+  font-size: 18px;
   line-height: 1.4em;
   color: var(--text);
   background-color: transparent;
@@ -265,7 +267,7 @@ section textarea:focus {
 }
 
 #unreachable {
-  font-size: 12px;
+  font-size: 14px;
   font-style: oblique;
   color: var(--red);
 }