diff --git a/_components/header.tsx b/_components/header.tsx
index 91961ae..df409e2 100644
--- a/_components/header.tsx
+++ b/_components/header.tsx
@@ -14,7 +14,7 @@ export default function(props: Props) {
     <header className="page-header">
       <h1>{ props.title }</h1>
       {props.author &&
-        <p style={{ color: "var(--color-brown)" }}>
+        <p class="author" style={{ color: "var(--color-brown)" }}>
           By {props.author.name} on <time dateTime={props.date.toISOString()}>{dateFormatted}</time>
         </p>
       }
diff --git a/_includes/styles/components/header.scss b/_includes/styles/components/header.scss
index e4ef860..9496eab 100644
--- a/_includes/styles/components/header.scss
+++ b/_includes/styles/components/header.scss
@@ -15,7 +15,9 @@ .page-header {
       letter-spacing: -0.02em;
     }
   }
-  p.subheading {
-    font-style: italic;
+  p.author {
+    font-family: var(--font--sans-serif-alt);
+    font-weight: 450;
+    font-stretch: 97%;
   }
 }