style(fonts): add Greet Condensed font family

Kajabi · Jan 14, 2025 · 0bc18c6 · 0bc18c6
1 parent 066fec9
commit 0bc18c6
Showing 1 changed file with 135 additions and 0 deletions.
diff --git a/libs/core/src/global/styles/_fonts.scss b/libs/core/src/global/styles/_fonts.scss
@@ -10,6 +10,7 @@ $sage-font-cdn-root: 'https://sage.kajabi-cdn.com/fonts';
 /* stylelint-disable-next-line annotation-no-unknown */
 $sage-greet-font-path: "#{$sage-font-cdn-root}/greet" !default; // pathname of font directory
 $greet-font-name: "greetstandard";
+$greet-condensed-font-name: "Greet-Condensed";
 
 /* stylelint-disable-next-line annotation-no-unknown */
 $sage-inter-font-path: "#{$sage-font-cdn-root}/inter" !default; // pathname of font directory
@@ -151,6 +152,140 @@ $sprig-font-name: "FAIRE-Sprig";
     url("#{$sage-greet-font-path}/#{$greet-font-name}-heavyitalic.woff?v=#{$body-font-version}") format("woff");
 }
 
+// Greet Condensed
+
+// Light
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: normal;
+  font-weight: 300;
+  src: local("#{$greet-condensed-font-name}Light"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Light.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Light.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Light Italic
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: italic;
+  font-weight: 300;
+  src: local("#{$greet-condensed-font-name}LightItalic"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}LightItalic.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}LightItalic.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Regular
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: normal;
+  font-weight: 400;
+  src: local("#{$greet-condensed-font-name}Regular"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Regular.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Regular.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Regular Italic
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: italic;
+  font-weight: 400;
+  src: local("#{$greet-condensed-font-name}RegularItalic"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}RegularItalic.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}RegularItalic.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Medium
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: normal;
+  font-weight: 500;
+  src: local("#{$greet-condensed-font-name}Medium"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Medium.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Medium.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Medium Italic
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: italic;
+  font-weight: 500;
+  src: local("#{$greet-condensed-font-name}MediumItalic"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}MediumItalic.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}MediumItalic.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Semi-Bold
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: normal;
+  font-weight: 600;
+  src: local("#{$greet-condensed-font-name}SemiBold"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}SemiBold.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}SemiBold.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Semi-Bold Italic
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: italic;
+  font-weight: 600;
+  src: local("#{$greet-condensed-font-name}SemiBoldItalic"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}SemiBoldItalic.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}SemiBoldItalic.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Bold
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: normal;
+  font-weight: 700;
+  src: local("#{$greet-condensed-font-name}Bold"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Bold.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Bold.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Bold Italic
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: italic;
+  font-weight: 700;
+  src: local("#{$greet-condensed-font-name}BoldItalic"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}BoldItalic.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}BoldItalic.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Heavy (Black)
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: "normal";
+  font-weight: 900;
+  src: local("#{$greet-condensed-font-name}Heavy"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Heavy.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}Heavy.woff?v=#{$-body-font-version}") format("woff");
+}
+
+// Heavy (Black) Italic
+@font-face {
+  font-display: swap;
+  font-family: "Greet-Condensed";
+  font-style: italic;
+  font-weight: 900;
+  src: local("#{$greet-condensed-font-name}HeavyItalic"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}HeavyItalic.woff2?v=#{$-body-font-version}") format("woff2"),
+    url("#{$sage-greet-font-path}/#{$greet-condensed-font-name}HeavyItalic.woff?v=#{$-body-font-version}") format("woff");
+}
+
 // Inter
 
 // Thin