From 71bd4ecb22e4712996e26876109a1ad92149b88f Mon Sep 17 00:00:00 2001 From: M Fahru Date: Wed, 10 Apr 2024 06:02:37 -0700 Subject: [PATCH] Merge pull request #17835 from overleaf/mf-fix-mono-font [web][website-redesign] Fix all mono text in website redesign pages. GitOrigin-RevId: b1b2698f621b8dc4e8c56126915ddbbe538d308e --- services/web/frontend/fonts/dm-mono.css | 10 ---------- .../frontend/stylesheets/app/website-redesign.less | 13 ++++++++----- 2 files changed, 8 insertions(+), 15 deletions(-) diff --git a/services/web/frontend/fonts/dm-mono.css b/services/web/frontend/fonts/dm-mono.css index 57a9f170bb..30c8989f2a 100644 --- a/services/web/frontend/fonts/dm-mono.css +++ b/services/web/frontend/fonts/dm-mono.css @@ -1,12 +1,5 @@ -/* We're using the "ss05" (stylistic set 5) version of the DM Mono, on the font-feature-settings rule */ -/* https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings */ -/* We use the ss05 specifically to remove the "squiggle" below the f letter. */ -/* You can try removing the `font-feature-settings` rule and check what happens to the letter "f", */ -/* as it's quite hard to describe it with sentences alone */ - @font-face { font-family: 'DM Mono'; - font-feature-settings: 'ss05'; font-style: normal; font-weight: 400; font-display: fallback; @@ -15,7 +8,6 @@ @font-face { font-family: 'DM Mono'; - font-feature-settings: 'ss05'; font-style: italic; font-weight: 400; font-display: fallback; @@ -24,7 +16,6 @@ @font-face { font-family: 'DM Mono'; - font-feature-settings: 'ss05'; font-style: normal; font-weight: 500; font-display: fallback; @@ -33,7 +24,6 @@ @font-face { font-family: 'DM Mono'; - font-feature-settings: 'ss05'; font-style: italic; font-weight: 500; font-display: fallback; diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less index 404ab9cca1..baea7602ae 100644 --- a/services/web/frontend/stylesheets/app/website-redesign.less +++ b/services/web/frontend/stylesheets/app/website-redesign.less @@ -9,11 +9,8 @@ h3, h4, a, - strong, - span { - &:not(.material-symbols) { - font-family: 'Noto Sans', sans-serif; - } + strong { + font-family: 'Noto Sans', sans-serif; } h1 { @@ -421,6 +418,7 @@ .label-premium { margin-left: 0; + font-family: 'Noto Sans', sans-serif; } @media (max-width: @screen-sm-max) { @@ -892,6 +890,11 @@ .dm-mono { font-family: 'DM Mono', monospace; + // We're using the "ss05" (stylistic set 5) version of the DM Mono, by setting the `font-feature-settings` rule + // https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings + // We use the ss05 specifically to remove the "squiggle" below the f letter. + // You can try removing the `font-feature-settings` rule and check what happens to the letter "f", + // as it's quite hard to describe it with sentences alone font-feature-settings: 'ss05'; }