feat: add fallback font to poppins

package.json

@@ -4,7 +4,7 @@
  "private": false,
  "license": "MIT",
  "dependencies": {
- "@fontsource/poppins": "^4.2.2",
+ "@fontsource/poppins": "^4.5.0",
  "@testing-library/jest-dom": "^5.11.10",
  "@testing-library/react": "^11.2.6",
  "@testing-library/user-event": "^12.1.10",
@@ -57,9 +57,9 @@
  "cz-conventional-changelog": "3.3.0",
  "husky": "^6.0.0",
  "prettier": "^2.2.1",
+ "semantic-release": "^17.4.3",
  "semantic-release-cli": "^5.4.3",
- "ts-jest": "^26.5.5",
- "semantic-release": "^17.4.3"
+ "ts-jest": "^26.5.5"
  },
  "config": {
  "commitizen": {

src/screens/Home/sections/MainBanner/styles.module.scss

@@ -22,13 +22,11 @@
 }
 
 .wrapper h1 {
- font-family: Poppins;
  font-weight: 700;
  font-size: 60px;
 }
 
 .wrapper h2 {
- font-family: Poppins;
  font-weight: 400;
  font-size: 30px;
 }

src/styles/fonts.scss

@@ -1,37 +1,33 @@
 @use 'src/styles/colors.scss';
-@import '@fontsource/poppins/100.css';
-@import '@fontsource/poppins/200.css';
 @import '@fontsource/poppins/300.css';
 @import '@fontsource/poppins/400.css';
 @import '@fontsource/poppins/500.css';
 @import '@fontsource/poppins/600.css';
 @import '@fontsource/poppins/700.css';
-@import '@fontsource/poppins/800.css';
-@import '@fontsource/poppins/900.css';
 
 h1 {
- font-family: Poppins;
+ font-family: Poppins, Arial;
  font-weight: 700;
  font-size: 40px;
  color: colors.$not-quite-black;
 }
 
 h2 {
- font-family: Poppins;
+ font-family: Poppins, Arial;
  font-weight: 400;
  font-size: 30px;
  color: colors.$not-quite-black;
 }
 
 h3 {
- font-family: Poppins;
+ font-family: Poppins, Arial;
  font-weight: 300;
  font-size: 24px;
  color: colors.$not-quite-black;
 }
 
 p {
- font-family: Poppins;
+ font-family: Poppins, Arial;
  font-weight: 300;
  font-size: 16px;
  color: colors.$not-quite-black;