Self-host the fonts

Author: Matthieu Lemerre

_includes/head_custom.html

@@ -1,7 +1,17 @@
-{% comment %} Access to the EB Garamond font. The parameters after wght is the normal and bold weights. {% endcomment %}
-<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@403;700&display=swap" rel="stylesheet">
+
+{% comment %} Access to the EB Garamond font. The parameters after wght is the normal and bold weights.
+Note: we used to use google fonts for this like this:
+
+But for privacy reasons, we now self-host the fonts.
+We use the google-webfonts-helper https://gwfh.mranftl.com/fonts/eb-garamond?subsets=latin
+for this.
+
+Garamond is used for text, and fondamento for the sidebar.
+<!-- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@403;700&display=swap" rel="stylesheet"> -->
+<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fondamento:wght@400&display=swap"> -->
+{% endcomment %}
+<link href="/assets/fonts/fonts.css" rel="stylesheet">
 {% comment %} <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:wght@400&display=swap"> {% endcomment %}
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fondamento:wght@400&display=swap">
 {% comment %} <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Modern+Antiqua:wght@400&display=swap"> {% endcomment %}
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
 <!-- {{ page.css }} -->

assets/fonts/eb-garamond-v27-latin-regular.woff2

@@ -0,0 +1,26 @@
+/* eb-garamond-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'EB Garamond';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/eb-garamond-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* fondamento-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Fondamento';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/fondamento-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* fondamento-italic - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Fondamento';
+  font-style: italic;
+  font-weight: 400;
+  src: url('../fonts/fondamento-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}