feat(app-general): add custom fonts

eficode · Jan 4, 2021 · aaeb995 · aaeb995
1 parent 6f7d9cc
commit aaeb995
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/packages/game-app/public/index.html b/packages/game-app/public/index.html
@@ -15,6 +15,8 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,700&family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

diff --git a/packages/game-app/src/index.css b/packages/game-app/src/index.css
@@ -1,8 +1,7 @@
 @import 'temporary.css';
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
-    'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-family: 'Montserrat', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

diff --git a/packages/game-app/src/temporary.css b/packages/game-app/src/temporary.css
@@ -68,7 +68,7 @@ body {
 }
 
 .card h2 {
-  text-align: center;
+  margin: 15px 0;
 }
 
 input,
-Original file line number
+Diff line change
@@ Expand Up / @@ -68,7 +68,7 @@ body { @@
     }
     .card h2 {
-      text-align: center;
+      margin: 15px 0;
     }
     input,
@@ Expand Down @@