Switched the font of the year in the cover to the one used on the site

framedsc · Dec 16, 2023 · 22d7462 · 22d7462
1 parent fe3e576
commit 22d7462
Show file tree

Hide file tree

Showing 23 changed files with 71 additions and 0 deletions.
diff --git a/components/home/year-cover.tsx b/components/home/year-cover.tsx
@@ -88,6 +88,7 @@ const yearTextStyle: CSS.Properties = {
   transform: 'translate(-50%, -50%)',
   opacity: '80%',
   mixBlendMode: 'screen',
+  fontFamily: "'Galano Grotesque Alt (Numbers)', 'AtkinsonHyperlegible', 'HelveticaNeue', 'Helvetica', 'Arial', 'sans-serif'",
   //color: '#dbdfd8',
 }
 

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,4 +1,5 @@
 import "../styles/globals.scss";
+import '../public/fonts/stylesheet.css';
 import type { AppProps } from "next/app";
 import { Footer, Navigation } from "@components/global";
 import Head from "next/head";

diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Bold.woff b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Bold.woff
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Bold.woff2 b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Bold.woff2
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-BoldItalic.woff b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-BoldItalic.woff
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-BoldItalic.woff2 b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-BoldItalic.woff2
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Italic.woff b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Italic.woff
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Italic.woff2 b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Italic.woff2
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Regular.woff b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Regular.woff
diff --git a/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Regular.woff2 b/public/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegible-Regular.woff2
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Italic.woff b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Italic.woff
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Italic.woff2 b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Italic.woff2
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Medium.woff b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Medium.woff
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Medium.woff2 b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Medium.woff2
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-MediumItalic.woff b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-MediumItalic.woff
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-MediumItalic.woff2 b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-MediumItalic.woff2
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Regular.woff b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Regular.woff
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Regular.woff2 b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-Regular.woff2
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBold.woff b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBold.woff
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBold.woff2 b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBold.woff2
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBoldItalic.woff b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBoldItalic.woff
diff --git a/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBoldItalic.woff2 b/public/fonts/Galano-Grotesque/GalanoGrotesqueAlt-SemiBoldItalic.woff2
diff --git a/public/fonts/stylesheet.css b/public/fonts/stylesheet.css
@@ -0,0 +1,69 @@
+@font-face {
+    font-family: "GalanoGrotesque";
+    font-style: normal;
+    font-weight: normal;
+    src: url("Galano-Grotesque/GalanoGrotesque-Bold.woff2") format("woff2");
+  }
+
+@font-face {
+    font-family: 'Galano Grotesque Alt (Numbers)';
+    src: url('Galano-Grotesque/GalanoGrotesqueAlt-Italic.woff2') format('woff2'),
+         url('Galano-Grotesque/GalanoGrotesqueAlt-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+	unicode-range: U+30-39; /* affects only 0-9 */
+	ascent-override: 50%; /* necessary for line-height matching, not necessary to be 50% - not supported on safari! */
+}
+
+@font-face {
+    font-family: 'Galano Grotesque Alt (Numbers)';
+    src: url('Galano-Grotesque/GalanoGrotesqueAlt-Regular.woff2') format('woff2'),
+         url('Galano-Grotesque/GalanoGrotesqueAlt-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+	unicode-range: U+30-39;
+	ascent-override: 50%;
+}
+
+@font-face {
+    font-family: 'Galano Grotesque Alt (Numbers)';
+    src: url('Galano-Grotesque/GalanoGrotesqueAlt-SemiBold.woff2') format('woff2'),
+         url('Galano-Grotesque/GalanoGrotesqueAlt-SemiBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+	unicode-range: U+30-39;
+	ascent-override: 50%;
+}
+
+@font-face {
+    font-family: 'Galano Grotesque Alt (Numbers)';
+    src: url('Galano-Grotesque/GalanoGrotesqueAlt-SemiBoldItalic.woff2') format('woff2'),
+         url('Galano-Grotesque/GalanoGrotesqueAlt-SemiBoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+	unicode-range: U+30-39;
+	ascent-override: 50%;
+}
+
+
+@font-face {
+    font-family: 'AtkinsonHyperlegible';
+    src: local('☞Atkinson Hyperlegible'), local('AtkinsonHyperlegible-Regular'),
+        url('Atkinson-Hyperlegible/AtkinsonHyperlegible-Regular.woff2') format('woff2'),
+        url('Atkinson-Hyperlegible/AtkinsonHyperlegible-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'AtkinsonHyperlegible';
+    src: local('☞Atkinson Hyperlegible'), local('AtkinsonHyperlegible-Bold'),
+        url('Atkinson-Hyperlegible/AtkinsonHyperlegible-Bold.woff2') format('woff2'),
+        url('Atkinson-Hyperlegible/AtkinsonHyperlegible-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}