From 9ab31f1290a2457f3afbeada61f9421711bbf162 Mon Sep 17 00:00:00 2001
From: Andy Cochran <andrewthomascochran@gmail.com>
Date: Fri, 20 Dec 2024 18:17:48 -0500
Subject: [PATCH] swap all serif fonts to sans

---
 frontend/src/app/[locale]/process/ProcessIntro.tsx       | 6 ++----
 frontend/src/app/[locale]/research/ResearchImpact.tsx    | 2 +-
 frontend/src/app/[locale]/research/ResearchIntro.tsx     | 4 +---
 frontend/src/components/search/SearchCallToAction.tsx    | 2 +-
 frontend/src/components/search/SearchResultsListItem.tsx | 2 +-
 frontend/src/styles/_uswds-theme.scss                    | 1 +
 6 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/[locale]/process/ProcessIntro.tsx b/frontend/src/app/[locale]/process/ProcessIntro.tsx
index da57481b2..50a0ddf54 100644
--- a/frontend/src/app/[locale]/process/ProcessIntro.tsx
+++ b/frontend/src/app/[locale]/process/ProcessIntro.tsx
@@ -17,9 +17,7 @@ const ProcessIntro = () => {
     >
       <Grid row gap>
         <Grid>
-          <p className="tablet-lg:font-sans-xl line-height-sans-3 usa-intro margin-top-2">
-            {t("intro.content")}
-          </p>
+          <p className="usa-intro margin-top-2">{t("intro.content")}</p>
         </Grid>
       </Grid>
 
@@ -36,7 +34,7 @@ const ProcessIntro = () => {
               tabletLg={{ col: 4 }}
             >
               <div className="border radius-md border-base-lighter padding-x-205">
-                <h3 className="tablet-lg:font-serif-lg">{title}</h3>
+                <h3 className="tablet-lg:font-sans-lg">{title}</h3>
                 <p className="margin-top-0 font-sans-md line-height-sans-4 desktop-lg:line-height-sans-6">
                   {content}
                 </p>
diff --git a/frontend/src/app/[locale]/research/ResearchImpact.tsx b/frontend/src/app/[locale]/research/ResearchImpact.tsx
index e5123dca1..19307cdde 100644
--- a/frontend/src/app/[locale]/research/ResearchImpact.tsx
+++ b/frontend/src/app/[locale]/research/ResearchImpact.tsx
@@ -38,7 +38,7 @@ const ResearchImpact = () => {
               tabletLg={{ col: 4 }}
             >
               <div className="border radius-md border-base-lighter padding-x-205">
-                <h3 className="tablet-lg:font-serif-lg">{title}</h3>
+                <h3 className="tablet-lg:font-sans-lg">{title}</h3>
                 <p className="margin-top-0 font-sans-md line-height-sans-4 desktop-lg:line-height-sans-6">
                   {content}
                 </p>
diff --git a/frontend/src/app/[locale]/research/ResearchIntro.tsx b/frontend/src/app/[locale]/research/ResearchIntro.tsx
index 3f5fd3a14..f6fd54ae8 100644
--- a/frontend/src/app/[locale]/research/ResearchIntro.tsx
+++ b/frontend/src/app/[locale]/research/ResearchIntro.tsx
@@ -14,9 +14,7 @@ const ResearchIntro = () => {
       bottomBorder="light"
     >
       <Grid>
-        <p className="tablet-lg:font-sans-xl line-height-sans-3 usa-intro margin-top-2">
-          {t("intro.content")}
-        </p>
+        <p className="usa-intro margin-top-2">{t("intro.content")}</p>
       </Grid>
     </ContentLayout>
   );
diff --git a/frontend/src/components/search/SearchCallToAction.tsx b/frontend/src/components/search/SearchCallToAction.tsx
index 35e16e73c..b48d7e323 100644
--- a/frontend/src/components/search/SearchCallToAction.tsx
+++ b/frontend/src/components/search/SearchCallToAction.tsx
@@ -12,7 +12,7 @@ const SearchCallToAction: React.FC = () => {
         <h1 className="margin-0 tablet-lg:font-sans-xl desktop-lg:font-sans-2xl">
           {t("callToAction.title")}
         </h1>
-        <p className="font-serif-md tablet-lg:font-serif-lg usa-intro margin-top-2">
+        <p className="font-sans-md tablet-lg:font-sans-lg usa-intro margin-top-2">
           {t.rich("callToAction.description", {
             mail: (chunks) => <a href="mailto:simpler@grants.gov">{chunks}</a>,
           })}
diff --git a/frontend/src/components/search/SearchResultsListItem.tsx b/frontend/src/components/search/SearchResultsListItem.tsx
index 651891d86..315605063 100644
--- a/frontend/src/components/search/SearchResultsListItem.tsx
+++ b/frontend/src/components/search/SearchResultsListItem.tsx
@@ -43,7 +43,7 @@ export default function SearchResultsListItem({
         <div className="desktop:grid-col-fill">
           <div className="grid-row flex-column">
             <div className="grid-col tablet:order-2">
-              <h2 className="margin-y-105 line-height-serif-2">
+              <h2 className="margin-y-105 line-height-sans-2">
                 <Link
                   href={`/opportunity/${opportunity?.opportunity_id}`}
                   className="usa-link usa-link"
diff --git a/frontend/src/styles/_uswds-theme.scss b/frontend/src/styles/_uswds-theme.scss
index a7971ccc9..4dbcaf168 100644
--- a/frontend/src/styles/_uswds-theme.scss
+++ b/frontend/src/styles/_uswds-theme.scss
@@ -81,6 +81,7 @@ in the form $setting: value,
   $theme-type-scale-xl: 12,
   $theme-type-scale-2xl: 15,
   $theme-type-scale-3xl: 17,
+  $theme-lead-font-family: "body",
 
   // Color settings
   $background-color-palettes: