diff --git a/front/gatsby-config.js b/front/gatsby-config.js
index 3ade766..94ecfe7 100644
--- a/front/gatsby-config.js
+++ b/front/gatsby-config.js
@@ -44,5 +44,12 @@ module.exports = {
         },
       },
     },
+    {
+      resolve: `gatsby-plugin-google-fonts`,
+      options: {
+        fonts: [`work sans\:500`],
+        display: 'swap',
+      },
+    },
   ],
 };
diff --git a/front/package.json b/front/package.json
index 240251b..e52daea 100644
--- a/front/package.json
+++ b/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",
diff --git a/front/src/ui/GlobalStyles.tsx b/front/src/ui/GlobalStyles.tsx
index b706cfc..0af83f9 100644
--- a/front/src/ui/GlobalStyles.tsx
+++ b/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;
diff --git a/yarn.lock b/yarn.lock
index cc821dc..fb76ccd 100644
--- a/yarn.lock
+++ b/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"