5 files changed, 34 insertions(+), 9 deletions(-)

A assets/fonts/eb-garamond-latin-bold.woff2
A assets/fonts/eb-garamond-latin-italic.woff2
A assets/fonts/eb-garamond-latin-regular.woff2
M assets/sass/_design.scss
M templates/layout.html

@@ 1,4 1,32 @@
 //
+// Fonts
+//
+
+@font-face {
+  font-family: "EB Garamond";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("/assets/fonts/eb-garamond-latin-regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "EB Garamond";
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url("/assets/fonts/eb-garamond-latin-bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "EB Garamond";
+  font-style: italic;
+  font-weight: 400;
+  font-display: block;
+  src: url("/assets/fonts/eb-garamond-latin-italic.woff2") format("woff2");
+}
+
+//
 // Color palette
 //
 


@@ 17,19 45,18 @@ body {
   margin-top: 60px;
   background-color: #f0efd1;
   color: $font-color;
-  font-family: "EB Garamond", serif;
+  font-family: "EB Garamond", Garamond, Georgia, serif;
   font-size: 24px;
 }
 
 h1 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 56px;
   color: $font-color;
+  font-size: 56px;
+  font-weight: normal;
 }
 
 h2,
 h3 {
-  font-family: "Cormorant Garamond", serif;
   margin-top: 60px;
 }
 

@@ 6,11 6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="Hey there, I'm Ali, a software engineer from Copenhagen and co-founder of Unseen Bio.">
 
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&amp;family=EB+Garamond&amp;display=block">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&amp;family=EB+Garamond&amp;display=block">
-
+    <link rel="preload" href="/assets/fonts/eb-garamond-latin-regular.woff2" as="font" type="font/woff2">
+    <link rel="preload" href="/assets/fonts/eb-garamond-latin-bold.woff2" as="font" type="font/woff2">
+    <link rel="preload" href="/assets/fonts/eb-garamond-latin-italic.woff2" as="font" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/style.css">
     <link rel="stylesheet" href="/assets/fontawesome/css/all.min.css">