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;

yarn.lock

@@ -7381,6 +7381,11 @@ gatsby-page-utils@^2.5.1:
     lodash "^4.17.21"
     micromatch "^4.0.4"
 
+gatsby-plugin-google-fonts@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-google-fonts/-/gatsby-plugin-google-fonts-1.0.1.tgz#d71054f7bf207b9a8da227380369e18e6f4e0201"
+  integrity sha512-p1NVkn27GUnDA5qHM+Z4cCcLCJIardzZXMon3640sT4xuL/AZJbsx3HEt2KY/5oZu0UXIkytkxzV2Da4rQeUIg==
+
 gatsby-plugin-image@^2.5.1:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/gatsby-plugin-image/-/gatsby-plugin-image-2.5.1.tgz#6828d0b827f9efc6202a4b53f6802dfe704ffcce"