From 727eba4192ffb36234bbe05f1641d93245d86a29 Mon Sep 17 00:00:00 2001
From: Anton Shumilin <shumilinantony@gmail.com>
Date: Sat, 27 Jan 2024 00:31:34 +0200
Subject: [PATCH] Use fancy fonts

---
 .../src/routes/SingleEvent/index.tsx             | 10 +++++++---
 .../ilmomasiina-frontend/src/styles/app.scss     | 16 ++++++++++++++++
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/packages/ilmomasiina-components/src/routes/SingleEvent/index.tsx b/packages/ilmomasiina-components/src/routes/SingleEvent/index.tsx
index 39944c20..86659d4e 100644
--- a/packages/ilmomasiina-components/src/routes/SingleEvent/index.tsx
+++ b/packages/ilmomasiina-components/src/routes/SingleEvent/index.tsx
@@ -88,6 +88,11 @@ const SingleEvent = () => {
                 background-image: url("https://i.ibb.co/58bwmJQ/papertexture2.png");
                 background-repeat: repeat;
                 background-color: #FFEDCF;
+                font-family: MedievalReadable;
+              }
+
+              h1 {
+                font-family: MedievalFancy;
               }
 
               .dg-logo {
@@ -99,8 +104,8 @@ const SingleEvent = () => {
                 border-radius: 0.5rem;
               `}
             </style>
-          </>)
-        : (
+          </>
+        ) : (
           <style>
             {`
             .dg-logo {
@@ -113,5 +118,4 @@ const SingleEvent = () => {
   );
 };
 
-
 export default SingleEvent;
diff --git a/packages/ilmomasiina-frontend/src/styles/app.scss b/packages/ilmomasiina-frontend/src/styles/app.scss
index a08dc65e..fbebd232 100644
--- a/packages/ilmomasiina-frontend/src/styles/app.scss
+++ b/packages/ilmomasiina-frontend/src/styles/app.scss
@@ -22,6 +22,22 @@
 @use "widgets";
 @use "~@tietokilta/ilmomasiina-components/src/styles/all";
 
+@font-face {
+  font-family: 'MedievalFancy';
+  src: url("https://www.dl.dropboxusercontent.com/scl/fi/6dg8kndox20hgwu1eif8u/HobbitonBrushhandHobbitonbrushNoweirddots.woff?rlkey=u10ndtvkuadts8kpu8heu7jst&raw=1") format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+};
+
+@font-face {
+  font-family: 'MedievalReadable';
+  src: url("https://www.dl.dropboxusercontent.com/scl/fi/ldg9bv4n1ofc51vdxdt08/Millenigem-yLXd.ttf?rlkey=0rdb9bfiq3mjzke5l6od2sz2l&raw=1") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
 // Global layout
 
 body,