Remove fonts from project and load them in via OpenType URLs

Author: Bradley Taunt

_config.yml

@@ -3,7 +3,8 @@
 
 title: ET-Jekyll Theme
 description: A minimal Jekyll theme inspired by Tufte CSS
-url: https://et-jekyll.netlify.com/
+url: ""
+host: 0.0.0.0
 
 
 #########################
@@ -24,7 +25,7 @@ sass:
   sass_dir: css
   style:    compressed
 
-baseurl: https://et-jekyll.netlify.com
+baseurl: ""
 permalink: pretty
 timezone: America/New_York
 future: false

_includes/header.html

@@ -1,10 +1,10 @@
-<h2>{{ site.title }}</h2>
+<h2 class="title">{{ site.title }}</h2>
 <nav class="sans">
     <input class="menu-btn" type="checkbox" id="menu-btn" />
     <p><label class="menu-icon" for="menu-btn">Menu</label></p>
     <ul class="site-nav">
-        <li><a href="{{ site.baseurl }}">Home</a></li>
-        <li><a href="{{ site.baseurl }}/articles">Articles</a></li>
-        <li><a href="{{ site.baseurl }}/feed.xml">RSS</a></li>
+        <li><a href="/">Home</a></li>
+        <li><a href="/articles">Articles</a></li>
+        <li><a href="/feed.xml">RSS</a></li>
     </ul>
 </nav>

_includes/style.scss

@@ -1,6 +1,8 @@
 /**************************************
     $CRITICAL CSS
 /**************************************/
+@import url('https://opentype.netlify.app/et-book/index.css');
+
 * {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
@@ -13,50 +15,12 @@ html {
   -webkit-text-size-adjust: 100%;
 }
 
-/**** $ET BOOK FONT ******************/
-@font-face {
-    font-family: "et-book";
-    src: url("{{ site.baseurl }}/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot");
-    src: url("{{ site.baseurl }}/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("{{ site.baseurl }}/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("{{ site.baseurl }}/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg");
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: "et-book";
-    src: url("{{ site.baseurl }}/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot");
-    src: url("{{ site.baseurl }}/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("{{ site.baseurl }}/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("{{ site.baseurl }}/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg");
-    font-weight: normal;
-    font-style: italic;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: "et-book";
-    src: url("{{ site.baseurl }}/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot");
-    src: url("{{ site.baseurl }}/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("{{ site.baseurl }}/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("{{ site.baseurl }}/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg");
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: "et-book-roman-old-style";
-    src: url("{{ site.baseurl }}/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot");
-    src: url("{{ site.baseurl }}/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("{{ site.baseurl }}/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("{{ site.baseurl }}/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg");
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-
 body {
     -webkit-font-smoothing: antialiased;
     background: #fffff8;
     color: #111;
     counter-reset: sidenote-counter;
-    font: 1.4rem/2rem et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
+    font: 1.4rem/2rem "et-book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
     height: 100%;
     margin: 0 auto;
     max-width: 1440px;
@@ -306,6 +270,8 @@ nav {
         width: calc(100% - 20px);
     }
 
+    h2.title { margin-top: 2rem; }
+
     p,table,blockquote,pre,img,hr,.mini-note,ul li,ol li {
         max-width: 100%;
     }