diff --git a/css/styles.css b/css/styles.css
index da31632a55e13adda8836c197b619a79696fb7ad..798bdb8f3ff4ff86ebe30e9f8e257f202ae45bfa 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3511,7 +3511,7 @@ button {
     margin: 0; }
   .card.banner .card__header .sub-title {
     color: #fff;
-    font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif; }
+    font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif; }
 
 .card.banner .card__media {
   margin-bottom: 0; }
@@ -3520,7 +3520,7 @@ button {
   color: #fdd54f; }
   .card.banner .card__title a {
     color: #fdd54f;
-    font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif;
+    font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
     font-weight: 400;
     letter-spacing: .045rem;
     text-align: center;
diff --git a/source/_patterns/04-components/card/card--banner/_card--banner.scss b/source/_patterns/04-components/card/card--banner/_card--banner.scss
index f118975d6d0f140a5f78df7852ba9a7b0ef9a97a..b7628aeba56ddff1d6e67ac3272f5dde3f92e557 100644
--- a/source/_patterns/04-components/card/card--banner/_card--banner.scss
+++ b/source/_patterns/04-components/card/card--banner/_card--banner.scss
@@ -21,7 +21,8 @@
 
     .sub-title {
       color: $uw-white;
-      font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif;
+      font-family: gesso-font-family('condensedbook');
+
     }
   }
 
@@ -34,7 +35,7 @@
 
     a {
       color: $uw-gold;
-      font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif;
+      font-family: gesso-font-family('condensedbook');
       font-weight: 400;
       letter-spacing: .045rem;
       text-align: center;