Update heading font from Poppins to Aeonik Pro

appwrite · Sep 18, 2023 · cdff78c · cdff78c
1 parent 9b4bcb8
commit cdff78c
Show file tree

Hide file tree

Showing 18 changed files with 89 additions and 35 deletions.
diff --git a/src/app.html b/src/app.html
@@ -16,30 +16,6 @@
             as="font"
             type="font/woff2"
             crossorigin />
-        <link
-            rel="preload"
-            href="/fonts/poppins/poppins-v19-latin-500.woff2"
-            as="font"
-            type="font/woff2"
-            crossorigin />
-        <link
-            rel="preload"
-            href="/fonts/poppins/poppins-v19-latin-600.woff2"
-            as="font"
-            type="font/woff2"
-            crossorigin />
-        <link
-            rel="preload"
-            href="/fonts/poppins/poppins-v19-latin-700.woff2"
-            as="font"
-            type="font/woff2"
-            crossorigin />
-        <link
-            rel="preload"
-            href="/fonts/source-code-pro/source-code-pro-v20-latin-regular.woff2"
-            as="font"
-            type="font/woff2"
-            crossorigin />
         <link rel="preload" as="style" type="text/css" href="/fonts/main.css" />
         <link rel="stylesheet" href="/fonts/main.css" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />

diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
@@ -223,7 +223,7 @@
             position: relative;
 
             p {
-                font-family: 'Poppins';
+                font-family: 'Aeonik Pro';
                 font-size: clamp(3.5rem, 7vw, 5.25rem);
                 font-weight: 700;
             }
@@ -251,7 +251,7 @@
     .mobile-beta {
         text-align: center;
         align-self: center;
-        font-family: 'Poppins';
+        font-family: 'Aeonik Pro';
         font-size: 1.125rem;
         font-weight: 700;
         text-transform: uppercase;

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -206,4 +206,8 @@
         mask-composite: exclude;
         pointer-events: none;
     }
+
+    :root {
+        --heading-font: "Aeonik Pro", arial, sans-serif;
+    }
 </style>
diff --git a/static/fonts/aeonik-pro/AeonikPro-Air.woff2 b/static/fonts/aeonik-pro/AeonikPro-Air.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-AirItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-AirItalic.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-Black.woff2 b/static/fonts/aeonik-pro/AeonikPro-Black.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-BlackItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-BlackItalic.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-Bold.woff2 b/static/fonts/aeonik-pro/AeonikPro-Bold.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-BoldItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-BoldItalic.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-Light.woff2 b/static/fonts/aeonik-pro/AeonikPro-Light.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-LightItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-LightItalic.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-Medium.woff2 b/static/fonts/aeonik-pro/AeonikPro-Medium.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-MediumItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-MediumItalic.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-Regular.woff2 b/static/fonts/aeonik-pro/AeonikPro-Regular.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-RegularItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-RegularItalic.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-Thin.woff2 b/static/fonts/aeonik-pro/AeonikPro-Thin.woff2
diff --git a/static/fonts/aeonik-pro/AeonikPro-ThinItalic.woff2 b/static/fonts/aeonik-pro/AeonikPro-ThinItalic.woff2
diff --git a/static/fonts/main.css b/static/fonts/main.css
@@ -23,25 +23,99 @@
 }
 
 @font-face {
-    font-family: 'Poppins';
+    font-family: 'Aeonik Pro';
+    font-style: normal;
+    font-weight: 100;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Air.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 100;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-AirItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: normal;
+    font-weight: 200;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Thin.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 200;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-ThinItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Light.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 300;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-LightItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Regular.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 400;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-RegularItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
     font-style: normal;
     font-weight: 500;
-    font-display: swap;
-    src: url('poppins/poppins-v19-latin-500.woff2') format('woff2');
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Medium.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 500;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-MediumItalic.woff2') format('woff2');
 }
 
 @font-face {
-    font-family: 'Poppins';
+    font-family: 'Aeonik Pro';
     font-style: normal;
     font-weight: 600;
-    font-display: swap;
-    src: url('poppins/poppins-v19-latin-600.woff2') format('woff2');
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Bold.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 600;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-BoldItalic.woff2') format('woff2');
 }
 
 @font-face {
-    font-family: 'Poppins';
+    font-family: 'Aeonik Pro';
     font-style: normal;
     font-weight: 700;
-    font-display: swap;
-    src: url('poppins/poppins-v19-latin-700.woff2') format('woff2');
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-Black.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Aeonik Pro';
+    font-style: italic;
+    font-weight: 700;
+    src: local('Aeonik Pro'), local('AeonikPro'), url('aeonik-pro/AeonikPro-BlackItalic.woff2') format('woff2');
 }