--font-family-brand font support

overwolf · Jul 9, 2024 · be36fad · be36fad
1 parent e3e3d90
commit be36fad
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 45 deletions.
diff --git a/engine b/engine
diff --git a/src/components/home-page/hero/hero.scss b/src/components/home-page/hero/hero.scss
@@ -30,7 +30,7 @@
   }
 
   p {
-    font-family: 'Madera';
+    font-family: var(--font-family-brand);
     font-weight: 400;
     font-size: 24px;
     line-height: 40px;

diff --git a/src/css/overide.scss b/src/css/overide.scss
@@ -93,7 +93,7 @@ div[class^="tableOfContents"] {
      a {
       font-size: 14px;
       line-height: 144%;
-      font-family: Madera,sans-serif;
+      font-family: var(--font-family-brand);;
       color: var(--color-600);
 
 
@@ -181,7 +181,7 @@ div[class^="tableOfContents"] {
       letter-spacing: .01em;
       position: relative;
       border-radius: unset;
-      font-family: Madera,sans-serif;
+      font-family: var(--font-family-brand);;
       padding: 0 12px;
       min-height: 29px;
 
@@ -208,7 +208,7 @@ div[class^="tableOfContents"] {
         letter-spacing: .01em;
         position: relative;
         border-radius: unset;
-        font-family: Madera,sans-serif;
+        font-family: var(--font-family-brand);;
         padding: 0 4px 0 12px;
         min-height: 29px;
         width: 230px;
@@ -268,7 +268,7 @@ article footer {
 
 .theme-edit-this-page {
   display: flex;
-  font-family: Madera,sans-serif;
+  font-family: var(--font-family-brand);;
   width: fit-content;
   text-transform: none;
   font-size: 16px;
@@ -307,7 +307,7 @@ nav.pagination-nav {
 }
 
 .footer {
-  font-family: Madera,sans-serif;
+  font-family: var(--font-family-brand);;
   width: 100%;
   background-color: var(--color-bg);
   position: relative;

diff --git a/src/css/style.scss b/src/css/style.scss
@@ -258,40 +258,40 @@
 
 }
 
-@font-face {
-	font-family: "Madera";
-	src: url("/fonts/madera/Madera-UltraLight.woff") format("woff");
-	font-weight: 200;
-	font-style: normal
-}
-
-@font-face {
-	font-family: "Madera";
-	src: url("/fonts/madera/Madera-Light.woff") format("woff");
-	font-weight: 300;
-	font-style: normal
-}
-
-@font-face {
-	font-family: "Madera";
-	src: url("/fonts/madera/Madera-Regular.woff") format("woff");
-	font-weight: 400;
-	font-style: normal
-}
-
-@font-face {
-	font-family: "Madera";
-	src: url("/fonts/madera/Madera-Medium.woff") format("woff");
-	font-weight: 500;
-	font-style: normal
-}
-
-@font-face {
-	font-family: "Madera";
-	src: url("/fonts/madera/Madera-Bold.woff") format("woff");
-	font-weight: 700;
-	font-style: normal
-}
+// @font-face {
+// 	font-family: "Madera";
+// 	src: url("/fonts/madera/Madera-UltraLight.woff") format("woff");
+// 	font-weight: 200;
+// 	font-style: normal
+// }
+
+// @font-face {
+// 	font-family: "Madera";
+// 	src: url("/fonts/madera/Madera-Light.woff") format("woff");
+// 	font-weight: 300;
+// 	font-style: normal
+// }
+
+// @font-face {
+// 	font-family: "Madera";
+// 	src: url("/fonts/madera/Madera-Regular.woff") format("woff");
+// 	font-weight: 400;
+// 	font-style: normal
+// }
+
+// @font-face {
+// 	font-family: "Madera";
+// 	src: url("/fonts/madera/Madera-Medium.woff") format("woff");
+// 	font-weight: 500;
+// 	font-style: normal
+// }
+
+// @font-face {
+// 	font-family: "Madera";
+// 	src: url("/fonts/madera/Madera-Bold.woff") format("woff");
+// 	font-weight: 700;
+// 	font-style: normal
+// }
 
 *,
 *:before,
@@ -395,7 +395,7 @@ th {
 
 h1,
 h2, h3, h4, h5 {
-	font-family: 'Madera', sans-serif;
+	font-family: var(--font-family-brand);
   color: var(--color-220);
 }
 
@@ -509,7 +509,7 @@ body, .body {
 	line-height: 1.5;
 	color: var(--color-220);
 	background:  var(--light-mode-bg);
-	font-family: 'Lato', sans-serif;
+	font-family: var(--font-family-default);
 	font-size: 16px;
   height: auto;
 }

diff --git a/src/presets/comparison-table/utils/subscriptions-icon-formatter.scss b/src/presets/comparison-table/utils/subscriptions-icon-formatter.scss
@@ -13,7 +13,7 @@
     }
 
     .api-text {
-      font-family: Madera;
+      font-family: var(--font-family-brand);;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
@@ -22,4 +22,4 @@
       text-transform: lowercase;
     }
   }
-}
+}