font changes again

Author: fionaychen

_layouts/default.html

@@ -12,7 +12,13 @@
 
     <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}?{{ site.time | date: '%s%N' }}">
 
-    <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}?{{ site.time | date: '%s%N' }}">
+    <!-- Apple touch icon (optional) -->
+    <link rel="apple-touch-icon" href="{{ site.icon }}">
+
+    <!-- Google Fonts (Inter) - remove if you prefer not to use Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
 
     {%- if jekyll.environment == 'production' and site.google_analytics -%}
       {%- include google-analytics.html -%}
@@ -24,4 +30,4 @@
     {{ content }}
 
   </body>
-</html>
+</html>

_sass/_base.scss

@@ -2,9 +2,9 @@ body {
   background: $brand-color;
   color: $muted-text-color;
   font-family: $font-family;
-  font-size: 1.0em;
-  line-height: 1.4;
-  padding-top: 2em;  // Adds space at the very top
+  font-size: .9em;
+  line-height: 1.4em;
+  padding-top: 2.4em;  // Adds space at the very top
 }
 
 h1 {
@@ -17,7 +17,6 @@ h2 {
   font-size: 1.4em;
   margin-top: 0.8em;
   margin-bottom: 0.2em;
-  font-weight: bold;
   text-align: left;
   color: $text-color;
 }

_sass/_variables.scss

@@ -2,7 +2,7 @@ $brand-color:         #f3f2ef;
 $highlight:           lighten($brand-color, 35%);
 $text-color:          #2b2a26;
 $muted-text-color:    #474641;
-$font-family:         "EB Garamond";
+$font-family:         'EB Garamond', 'Lato Light', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 
 $on-bigphone:         375px;
 $on-tablet:           768px;