From: Greg Burri <greg.burri@gmail.com>
Date: Thu, 11 Mar 2021 06:35:25 +0000 (+0100)
Subject: Use a pretty font
X-Git-Url: http://git.euphorik.ch/index.cgi?a=commitdiff_plain;h=190c4c8aaff1aba798b81d01ece490c93db3e08c;p=valheim_web.git

Use a pretty font
---

diff --git a/backend/static/FiraCode-Bold.woff2 b/backend/static/FiraCode-Bold.woff2
new file mode 100644
index 0000000..d8b3179
Binary files /dev/null and b/backend/static/FiraCode-Bold.woff2 differ
diff --git a/backend/static/FiraCode-Light.woff2 b/backend/static/FiraCode-Light.woff2
new file mode 100644
index 0000000..9cb6aee
Binary files /dev/null and b/backend/static/FiraCode-Light.woff2 differ
diff --git a/backend/static/FiraCode-Medium.woff2 b/backend/static/FiraCode-Medium.woff2
new file mode 100644
index 0000000..dfeb9de
Binary files /dev/null and b/backend/static/FiraCode-Medium.woff2 differ
diff --git a/backend/static/FiraCode-Regular.woff2 b/backend/static/FiraCode-Regular.woff2
new file mode 100644
index 0000000..1979211
Binary files /dev/null and b/backend/static/FiraCode-Regular.woff2 differ
diff --git a/backend/static/FiraCode-SemiBold.woff2 b/backend/static/FiraCode-SemiBold.woff2
new file mode 100644
index 0000000..ecec57d
Binary files /dev/null and b/backend/static/FiraCode-SemiBold.woff2 differ
diff --git a/backend/style.scss b/backend/style.scss
index b008968..91d74e2 100644
--- a/backend/style.scss
+++ b/backend/style.scss
@@ -1,20 +1,26 @@
+@font-face{font-family: Fira Code; font-weight:200; src:url(FiraCode-Light.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:400; src:url(FiraCode-Regular.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:600; src:url(FiraCode-SemiBold.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:700; src:url(FiraCode-Bold.woff2) format("woff2"); }
+
 body {
-   text-shadow: 2px 2px 2px #DDD;
-   text-align: center;
-   color: #5b5b5b;
-   background-color: #ededed;
+  font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
+  text-shadow: 2px 2px 2px #DDD;
+  text-align: center;
+  color: #5b5b5b;
+  background-color: #ededed;
 }
 
 h1 {
-  font-size: 22px;
+  font-size: 25px;
   margin: 20px;
 }
 
 p {
   font-size: 18px;
-  margin: 15px;
+  margin: 12px;
 }
 
 img {
-   border: 0px;
+  border: 0px;
 }