fonts

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>
-        <img class="medium" src="/img/books/abolish-the-family.jpg" alt="Abolish the Family Cover">
-        <p class="book-stats"><a class="order-link red-text" href="https://versobooks.com/books/4075-abolish-the-family">Pre-order now</a></p>
+        <h1 class="red-text">Abolish The Family: A Manifesto For Care And Liberation</h1><br>
+        <img class="medium" src="/img/books/abolish-the-family.jpg" alt="Abolish the Family Cover"><br>
+        <a class="order-link red-text" href="https://versobooks.com/books/4075-abolish-the-family">Pre-order now</a>
       </div>
     </div>
 
@@ -23,8 +23,8 @@ title: abolish-the-family
 
   <hr />
     <section class="testimonials">
-      <article class="testimonial-card">
-          <p class="testimonial-text">
+      <article>
+          <p class="testimonial-card">
               “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

@@ -14,32 +14,11 @@ $sans_font: IBMPlexSans;
 $serif_font: IBMPlexSerif;
 $mono_font: IBMPlexMono;
 
-@font-face {
-    @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')
+    @include define-font-family($sans_font, normal, null, 'IBMPlexSans-Regular.woff2')
 }
 @font-face {
     @include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
@@ -47,3 +26,9 @@ $mono_font: IBMPlexMono;
 @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,6 +23,14 @@ 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{
@@ -344,6 +352,7 @@ footer {
             &.past-event { opacity: 0.5; }
 
             .event-title {
+                font-family: $sans_font;
                 padding-bottom: 0;
                 font-weight: bold;
             }
@@ -365,20 +374,10 @@ 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;
     }
 
@@ -399,19 +398,12 @@ 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;
-        }
     }
 }