From dd28ad5a6709bca8673d8c9967e98fde5173cb9b Mon Sep 17 00:00:00 2001
From: Craig Cook <craigcook@users.noreply.github.com>
Date: Tue, 19 Nov 2024 17:12:58 -0800
Subject: [PATCH] Refresh: update the font stack and headline weight

---
 media/css/m24/base.scss                       |  3 ++-
 media/css/m24/root.scss                       | 10 ----------
 media/css/protocol/protocol-mozilla-2024.scss |  6 +++---
 3 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/media/css/m24/base.scss b/media/css/m24/base.scss
index db62697cff3..c75bda61e93 100644
--- a/media/css/m24/base.scss
+++ b/media/css/m24/base.scss
@@ -40,7 +40,8 @@ h1, h2, h3, h4, h5 {
     color: $m24-color-black;
     font-family: var(--title-font-family);
     font-variant-ligatures: none;
-    font-weight: bold;
+    font-weight: 600;
+    letter-spacing: -0.01em;
     line-height: 1.1;
 }
 
diff --git a/media/css/m24/root.scss b/media/css/m24/root.scss
index c2a6e340fe3..7484bdeb071 100644
--- a/media/css/m24/root.scss
+++ b/media/css/m24/root.scss
@@ -223,13 +223,3 @@ $m24-font-path: '/media/fonts/m24';
         url('#{$m24-font-path}/mozilla-headline/MozillaHeadline-SemiBold.woff2') format('woff2'),
         url('#{$m24-font-path}/mozilla-headline/MozillaHeadline-SemiBold.woff') format('woff');
 }
-
-@font-face {
-    font-display: swap;
-    font-family: 'Mozilla Headline';
-    font-style: normal;
-    font-weight: bold;
-    src:
-        url('#{$m24-font-path}/mozilla-headline/MozillaHeadline-Bold.woff2') format('woff2'),
-        url('#{$m24-font-path}/mozilla-headline/MozillaHeadline-Bold.woff') format('woff');
-}
diff --git a/media/css/protocol/protocol-mozilla-2024.scss b/media/css/protocol/protocol-mozilla-2024.scss
index 16537c4afb9..6645e21a9a7 100644
--- a/media/css/protocol/protocol-mozilla-2024.scss
+++ b/media/css/protocol/protocol-mozilla-2024.scss
@@ -90,9 +90,9 @@ template {
 :root {
     // fonts
     /* stylelint-disable value-keyword-case  */
-    --body-font-family: "Mozilla Text", Inter, Arial, X-LocaleSpecific, sans-serif;
-    --button-font-family: "Mozilla Text", Inter, Arial, X-LocaleSpecific, sans-serif;
-    --title-font-family: "Mozilla Headline", Rockwell, "Roboto Slab", X-LocaleSpecific, serif;
+    --body-font-family: 'Mozilla Text', Inter, 'Helvetica Neue', Arial, X-LocaleSpecific, sans-serif;
+    --button-font-family: 'Mozilla Text', Inter, 'Helvetica Neue', Arial, X-LocaleSpecific, sans-serif;
+    --title-font-family: 'Mozilla Headline', Inter, 'Helvetica Neue', Arial, X-LocaleSpecific, sans-serif;
     /* stylelint-enable */
 
     // colors