swap all serif fonts to sans

HHS · Dec 20, 2024 · 9ab31f1 · 9ab31f1
1 parent 97ba6d3
commit 9ab31f1
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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:[email protected]">{chunks}</a>,
           })}

diff --git 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
@@ -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: