feat: tipografia konpontzen du

front/gatsby-config.js

@@ -44,5 +44,12 @@ module.exports = {
         },
       },
     },
+    {
+      resolve: `gatsby-plugin-google-fonts`,
+      options: {
+        fonts: [`work sans\:500`],
+        display: 'swap',
+      },
+    },
   ],
 };

front/package.json

@@ -20,6 +20,7 @@
     "@types/styled-components": "^5.1.20",
     "babel-plugin-styled-components": "^2.0.2",
     "gatsby": "^4.5.2",
+    "gatsby-plugin-google-fonts": "^1.0.1",
     "gatsby-plugin-image": "^2.5.1",
     "gatsby-plugin-manifest": "^4.5.1",
     "gatsby-plugin-react-helmet": "^5.5.0",

front/src/ui/GlobalStyles.tsx

@@ -197,10 +197,10 @@ export const GlobalStyles = createGlobalStyle`
   ${reboot};
 
   body {
-      font-family: 'Arial', 'Open Sans', sans-serif;
+      font-family: 'Work Sans', sans-serif;
 
       ${font.base()}
-      font-weight: 700;
+      font-weight: 500;
 
       background-color: #fd3447;
       color: #fff;