replace Nunito font into Poppins

src/App.jsx

@@ -703,7 +703,7 @@ const WeVoteBody = styled('div')`
   background-color: #fff; // rgb(235, 236, 238); // #fafafa;
   color: #333;
   display: block;
-  font-family: "Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   line-height: 1.4;
   margin: 0 auto;
   // max-width: 960px;

src/css/main.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import "https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap";
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 /*!
  July 31, 2023: ran https://www.cssportal.com/css-optimize/ to shrink the size of the file
@@ -54,7 +54,7 @@ html {
 body {
   background-color:#fff;
   color:#000;
-  font-family:"Nunito Sans","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
+  font-family: "Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   font-size:16px;
   font-style:normal;
   font-weight:normal;

src/js/common/components/CampaignSupport/CampaignSupportThermometer.jsx

@@ -210,7 +210,7 @@ const SupportersText = styled('span', {
 })(({ inCompressedMode }) => (`
   color: black !important;
   font-size: ${inCompressedMode ? '16px' : '18px'};
-  font-weight: ${inCompressedMode ? '400' : '800'};
+  font-weight: ${inCompressedMode ? '400' : '600'};
 `));
 
 const TextWrapper = styled('div')`

src/js/common/components/Settings/VoterPhotoUpload.jsx

@@ -158,7 +158,7 @@ const styles = (theme) => ({
   dropzoneText: {
     color: '#818181',
     fontSize: '18px',
-    fontFamily: "'Nunito Sans', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
+    fontFamily: "'Poppins', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
     fontWeight: '300',
     paddingLeft: 5,
     paddingRight: 5,

src/js/common/stories/button.css

@@ -1,5 +1,5 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 700;
   border: 0;
   border-radius: 3em;

src/js/components/Navigation/HeaderBarSuspense.jsx

@@ -52,7 +52,7 @@ export default function HeaderBarSuspense () {
       position: 'relative',
       color: 'rgb(51, 51, 51)',
       backgroundColor: 'white',
-      fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif',
+      fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif',
       height: '48px',
       boxShadow: standardBoxShadow('wide'),
     }}

src/js/components/Ready/ElectionCountdown.jsx

@@ -333,7 +333,7 @@ const CardCountdownInternalWrapper = styled('div')`
 const CardTitleUpcoming = styled('h1')(({ theme }) => (`
   color: #2E3C5D !important;
   font-size: 64px;
-  font-weight: 900;
+  font-weight: 600;
   margin-bottom: 8px;
   margin-top: 12px;
   text-align: center;
@@ -345,7 +345,7 @@ const CardTitleUpcoming = styled('h1')(({ theme }) => (`
 const CardTitleToday = styled('h1')(({ theme }) => (`
   color: #2E3C5D !important;
   font-size: 60px;
-  font-weight: 900;
+  font-weight: 600;
   margin-bottom: 8px;
   margin-top: 0;
   text-align: center;
@@ -358,7 +358,7 @@ const CardSubTitle = styled('h3', {
   shouldForwardProp: (prop) => !['desktopMode', 'center'].includes(prop),
 })(({ desktopMode, center }) => (`
   font-size: ${desktopMode ? '18px' : '22px'};
-  font-weight: 700;
+  font-weight: 400;
   color: #2E3C5D !important;
   margin-bottom: 0 !important;
   margin-top: ${desktopMode ? '24px' : null};

src/js/components/Ready/ReadyTaskBallot.jsx

@@ -886,7 +886,7 @@ const styles = (theme) => ({
   color: 'rgb(51, 51, 51)',
   display: 'flex',
   flexDirection: 'column',
-  fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif',
+  fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif',
   fontSize: 16,
   height: 173,
   lineHeight: 22,

src/js/components/Style/muiStyleOverrides.js

@@ -22,7 +22,7 @@ const muiStyleOverrides = {
     styleOverrides: {
       root: {
         boxShadow: 'unset',
-        fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
+        fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
         fontSize: '16px',
         textTransform: 'none',
         userSelect: 'none',
@@ -35,31 +35,31 @@ const muiStyleOverrides = {
   MuiChip: {
     styleOverrides: {
       root: {
-        fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
+        fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
         fontSize: 16,
       },
     },
   },
   MuiFormControlLabel: {
     styleOverrides: {
       root: {
-        fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
+        fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
         marginBottom: '-.5rem',
       },
     },
   },
   MuiInputBase: {
     styleOverrides: {
       root: {
-        fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
+        fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
         fontSize: 16,
       },
     },
   },
   MuiMenuItem: {
     styleOverrides: {
       root: {
-        fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
+        fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
         marginTop: '-6px',
         minHeight: 34,
       },
@@ -68,7 +68,7 @@ const muiStyleOverrides = {
   MuiTab: {
     styleOverrides: {
       root: {
-        fontFamily: '"Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
+        fontFamily: '"Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif',
         fontSize: 16,
         outline: 'none !important',
         textTransform: 'none',

src/js/pages/Ballot/AddCandidateExtension/AddCandidateExtensionForm.jsx

@@ -142,8 +142,8 @@ export default function AddCandidateExtensionForm (props) {
           name="candidateName"
           id="candidateName"
           defaultValue={candidate.candidateName}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' } }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' } }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
         />
         <CandidateTextField
@@ -154,8 +154,8 @@ export default function AddCandidateExtensionForm (props) {
           name="candidateSpecificEndorsementUrl"
           id="candidateSpecificEndorsementUrl"
           defaultValue={candidate.candidateSpecificEndorsementUrl}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' } }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' } }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
         />
         <CandidateTextField
@@ -167,8 +167,8 @@ export default function AddCandidateExtensionForm (props) {
           name="endorsementPageUrl"
           id="endorsementURL"
           defaultValue={candidate.endorsementPageUrl}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' } }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' } }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
         />
         <CheckBoxArea>
@@ -216,10 +216,10 @@ export default function AddCandidateExtensionForm (props) {
           // id="candidateURL"
           defaultValue={candidate.endorsementText}
           InputLabelProps={{
-            style: { fontFamily: 'Nunito Sans' },
+            style: { fontFamily: 'Poppins' },
             shrink: true,
           }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
           rows="5"
           // maxRows="5"
@@ -242,7 +242,7 @@ const CandidateForm = styled('div')`
 
 const CandidateTextField = styled(TextField)`
   display: block;
-  font-family: "Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   margin-bottom: 10px;
 `;
 

src/js/pages/Ballot/EditCandidateForExtension/EditCandidateForExtensionForm.jsx

@@ -65,8 +65,8 @@ export default function EditCandidateForExtensionForm (props) {
           label="Candidate Name"
           name="candidateName"
           defaultValue={candidate.candidateName}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' } }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' } }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
         />
         <CandidateTextField
@@ -76,8 +76,8 @@ export default function EditCandidateForExtensionForm (props) {
           label="Campaign URL"
           name="candidateCampaignUrl"
           defaultValue={candidate.candidateCampaignUrl}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' }, shrink: true }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' }, shrink: true }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
         />
         <CandidateTextField
@@ -88,8 +88,8 @@ export default function EditCandidateForExtensionForm (props) {
           label="Endorsement URL"
           name="endorsementPageUrl"
           defaultValue={candidate.endorsementPageUrl}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' } }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' } }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
         />
         <CheckBoxArea>
@@ -135,8 +135,8 @@ export default function EditCandidateForExtensionForm (props) {
           label="Endorsement Text"
           name="statementText"
           defaultValue={candidate.statementText === 'null' ? '' : candidate.statementText}
-          InputLabelProps={{ style: { fontFamily: 'Nunito Sans' }, shrink: true }}
-          InputProps={{ style: { fontFamily: 'Nunito Sans' } }}
+          InputLabelProps={{ style: { fontFamily: 'Poppins' }, shrink: true }}
+          InputProps={{ style: { fontFamily: 'Poppins' } }}
           onBlur={handleBlur}
           rows="5"
           // maxRows="5"
@@ -161,7 +161,7 @@ const CandidateForm = styled('div')`
 
 const CandidateTextField = styled(TextField)`
   display: block;
-  font-family: "Nunito Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   margin-bottom: 10px;
 `;