Refresh: update the font stack and headline weight

mozilla · Nov 23, 2024 · dd28ad5 · dd28ad5
1 parent 33115aa
commit dd28ad5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 14 deletions.
diff --git 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
@@ -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
@@ -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