Changed font from Poppins to Outfit

public/assets/fonts/outfit/OFL.txt

@@ -1,8 +1,8 @@
-Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
+Copyright 2021 The Outfit Project Authors (https://github.com/Outfitio/Outfit-Fonts)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
+https://openfontlicense.org
 
 
 -----------------------------------------------------------

public/assets/fonts/outfit/README.txt

@@ -0,0 +1,71 @@
+Outfit Variable Font
+====================
+
+This download contains Outfit as both a variable font and static fonts.
+
+Outfit is a variable font with this axis:
+  wght
+
+This means all the styles are contained in a single file:
+  Outfit-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Outfit:
+  static/Outfit-Thin.ttf
+  static/Outfit-ExtraLight.ttf
+  static/Outfit-Light.ttf
+  static/Outfit-Regular.ttf
+  static/Outfit-Medium.ttf
+  static/Outfit-SemiBold.ttf
+  static/Outfit-Bold.ttf
+  static/Outfit-ExtraBold.ttf
+  static/Outfit-Black.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.

src/styles/global/fonts.css

@@ -1,63 +1,13 @@
 :root {
-	--body-font-family: "Poppins", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+	--body-font-family: "Outfit", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
 	--mono-font-family: "Roboto Mono", source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
 		monospace;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-Thin.ttf");
-	font-weight: 100;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-ExtraLight.ttf");
-	font-weight: 200;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-Light.ttf");
-	font-weight: 300;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-Regular.ttf");
-	font-weight: 400;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-SemiBold.ttf");
-	font-weight: 500;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-Bold.ttf");
-	font-weight: 600;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-ExtraBold.ttf");
-	font-weight: 700;
-	font-display: swap;
-}
-
-@font-face {
-	font-family: "Poppins";
-	src: url("/public/assets/fonts/poppins/Poppins-Black.ttf");
-	font-weight: 800;
+	font-family: "Outfit";
+	src: url("/public/assets/fonts/outfit/Outfit-VariableFont_wght.ttf");
 	font-display: swap;
 }