diff --git a/src/App.jsx b/src/App.jsx index dde24eb6b..a33261504 100644 --- a/src/App.jsx +++ b/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; diff --git a/src/css/main.css b/src/css/main.css index d851914f9..c52e8433b 100644 --- a/src/css/main.css +++ b/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 "https://fonts.googleapis.com/css2?family=Poppins:wght@300..700&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; diff --git a/src/js/components/Ready/ElectionCountdown.jsx b/src/js/components/Ready/ElectionCountdown.jsx index 600385f85..a95b19f9a 100644 --- a/src/js/components/Ready/ElectionCountdown.jsx +++ b/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: 500; color: #2E3C5D !important; margin-bottom: 0 !important; margin-top: ${desktopMode ? '24px' : null}; diff --git a/src/js/components/Values/IssueCard.jsx b/src/js/components/Values/IssueCard.jsx index 51f4f686b..51c0fe1e9 100755 --- a/src/js/components/Values/IssueCard.jsx +++ b/src/js/components/Values/IssueCard.jsx @@ -465,7 +465,7 @@ const FollowersWrapper = styled('div')` const IssueName = styled('h3')` font-size: 18px; - font-weight: bold; + font-weight: 500; margin-bottom: 0; `;