ISTWCMS-4695: using function to get fonts for banners

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;

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;