From c837565b67224f6b47987cc5159c8c6b082fb654 Mon Sep 17 00:00:00 2001
From: FilipKopecky <kopeckyfil@gmail.com>
Date: Thu, 25 Nov 2021 18:48:22 +0100
Subject: [PATCH] [#68] Poppins font replaced by Open Sans

---
 public/index.html                            |  2 +-
 src/app/theme.ts                             | 15 ++++++++++++++-
 src/components/VocabularyTermsListWindow.tsx |  1 -
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 446d4b8..74dfbcf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,7 +14,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com"/>
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
     <link
-            href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&display=swap"
             rel="stylesheet"
     />
     <title>ShowIt</title>
diff --git a/src/app/theme.ts b/src/app/theme.ts
index f9bc992..d3d0578 100644
--- a/src/app/theme.ts
+++ b/src/app/theme.ts
@@ -23,7 +23,20 @@ const theme = createTheme({
     //  background: { default: 'black' },
   },
   typography: {
-    fontFamily: ["Poppins", "sans-serif"].join(","),
+    fontFamily: [
+      "-apple-system",
+      "BlinkMacSystemFont",
+      '"Open Sans"',
+      "sans-serif",
+      '"Segoe UI"',
+      "Roboto",
+      '"Helvetica Neue"',
+      "Arial",
+      "sans-serif",
+      '"Apple Color Emoji"',
+      '"Segoe UI Emoji"',
+      '"Segoe UI Symbol"',
+    ].join(","),
     h1: {
       fontWeight: 600,
       fontSize: 60,
diff --git a/src/components/VocabularyTermsListWindow.tsx b/src/components/VocabularyTermsListWindow.tsx
index fbffd15..9628f89 100644
--- a/src/components/VocabularyTermsListWindow.tsx
+++ b/src/components/VocabularyTermsListWindow.tsx
@@ -18,7 +18,6 @@ const useStyles = makeStyles(() => ({
   },
   text: {
     fontSize: "1.25rem",
-    fontFamily: "Poppins,sans-serif",
     fontWeight: 500,
     lineHeight: "1.6",
     display: "block",