Revert "fonts"

This reverts commit 21801b963e.

content/writing/abolish-the-family.html

@@ -5,9 +5,9 @@ title: abolish-the-family
 <div id="abolish-the-family">
     <div class="column  is-three-fifths">
       <div class="book-cover has-text-centered">
-        <h1 class="red-text">Abolish The Family: A Manifesto For Care And Liberation</h1><br>
+        <h1 class="red-text">Abolish The Family: A Manifesto For Care And Liberation</h1>
-        <img class="medium" src="/img/books/abolish-the-family.jpg" alt="Abolish the Family Cover"><br>
+        <img class="medium" src="/img/books/abolish-the-family.jpg" alt="Abolish the Family Cover">
-        <a class="order-link red-text" href="https://versobooks.com/books/4075-abolish-the-family">Pre-order now</a>
+        <p class="book-stats"><a class="order-link red-text" href="https://versobooks.com/books/4075-abolish-the-family">Pre-order now</a></p>
       </div>
     </div>
 
@@ -23,8 +23,8 @@ title: abolish-the-family
 
   <hr />
     <section class="testimonials">
-      <article>
+      <article class="testimonial-card">
-          <p class="testimonial-card">
+          <p class="testimonial-text">
               “I am consistently dazzled by Sophie Lewis's work, which is both intellectually capacious and heart-expanding. Abolish the Family is a liberatory demand and a world-making project proposed here with revolutionary love and inimitable style. Without fail, Lewis clarifies, disrupts and inspires.”
           </p>
           <p class="testimonial-author">Natasha Lennard, <i>Being Numerous: Essays on Non-Fascist Life</i></p>

themes/sophie-lewis/assets/scss/font.scss

@@ -15,20 +15,35 @@ $serif_font: IBMPlexSerif;
 $mono_font: IBMPlexMono;
 
 @font-face {
-    @include define-font-family($serif_font, normal, italic, 'IBMPlexSerif-Italic.woff2')
+    @include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2')
 }
 @font-face {
     @include define-font-family($sans_font, normal, null, 'IBMPlexSans-Regular.woff2')
 }
+@font-face {
+    @include define-font-family($sans_font, 200, null, 'IBMPlexSans-Light.woff2')
+}
+@font-face {
+    @include define-font-family($sans_font, bold, italic, 'IBMPlexSans-BoldItalic.woff2')
+}
+@font-face {
+    @include define-font-family($sans_font, 700, null, 'IBMPlexSans-Medium.woff2')
+}
+@font-face {
+    @include define-font-family($sans_font, lighter, italic, 'IBMPlexSans-LightItalic.woff2')
+}
+@font-face {
+    @include define-font-family($serif_font, normal, italic, 'IBMPlexSerif-Italic.woff2')
+}
+@font-face {
+    @include define-font-family($serif_font, lighter, null, 'IBMPlexSerif-Light.woff2')
+}
+@font-face {
+    @include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2')
+}
 @font-face {
     @include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
 }
 @font-face {
     @include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2')
 }
-@font-face {
-    @include define-font-family($serif_font, normal, null, 'IBMPlexSerif-Regular.woff2')
-}
-@font-face {
-    @include define-font-family($serif_font, normal, bold, 'IBMPlexSerif-Bold.woff2')
-}

themes/sophie-lewis/assets/scss/main.scss

@@ -23,14 +23,6 @@ body {
         color: #eb2b2b;
       }
     }
-
-    .order-link {
-        font-family: $mono_font !important;
-        font-size: 1.1rem;
-        text-align: center;
-        //display: inline-block;
-        @media (max-width: 480px) { padding-top: 1em; }
-    }
 }
 
 .red-text{
@@ -367,10 +359,20 @@ footer {
         h1{
           text-align: center;
           color: #eb2b2b;
+
         }
 
         .book-cover { margin-top: 2em; }
 
+        .order-link {
+            text-decoration: underline;
+            font-size: 1.2rem;
+            color: #eb2b2b;
+            text-align: center;
+            //display: inline-block;
+            @media (max-width: 480px) { padding-top: 1em; }
+        }
+
         margin-bottom: 1.5em;
     }
 
@@ -390,12 +392,19 @@ footer {
     }
 
     .testimonial-card {
+        font-family: $mono_font;
         font-size: 16px;
         text-transform: capitalize;
+        font-weight: bold;
         border: 1px solid;
         color: #eb2b2b;
         padding: 1em;
         margin-bottom: 2rem;
+        .testimonial-author {
+            font-weight: normal;
+            font-family: $serif_font;
+            font-size: 16px;
+        }
     }
 }