Use fancy fonts

Aalto-Data-Guild · Jan 26, 2024 · 727eba4 · 727eba4
1 parent 54cb3be
commit 727eba4
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git 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
@@ -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,