From ff9f9f8c2c957abb6903749940ef053b70e3447d Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Mon, 26 Feb 2024 08:09:52 -0700
Subject: [PATCH] Merge pull request #17263 from overleaf/ds-mdm-mono-font

Website redesign: Fixing the DM MONO font family styling issue

GitOrigin-RevId: 58b1167e812a7adf0e445bc2faeb273b74a98890
---
 .../frontend/stylesheets/app/website-redesign.less  | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 6c085a431e..2be9bc1ab6 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -694,7 +694,7 @@
       &.title-mono {
         > span {
           // override Noto Sans
-          font-family: 'DM Mono', monospace;
+          .dm-mono;
         }
       }
 
@@ -792,7 +792,7 @@
   }
 
   .text-with-bg {
-    font-family: 'DM Mono', monospace;
+    .dm-mono;
     padding: 0 @padding-sm;
     border-radius: 10px;
     margin-top: 5px;
@@ -885,8 +885,13 @@
     }
   }
 
-  .mono-text {
+  .dm-mono {
     font-family: 'DM Mono', monospace;
+    font-feature-settings: 'ss05';
+  }
+
+  .mono-text {
+    .dm-mono;
     color: var(--green-60);
     font-size: 1.125rem;
     font-weight: 500;
@@ -910,9 +915,9 @@
   }
 
   .link-with-arrow {
+    .dm-mono;
     font-size: 1.125rem;
     line-height: 1.333;
-    font-family: 'DM Mono', monospace;
     font-weight: 500;
 
     i.material-symbols {