update fonts (#470)

yearn · Sep 26, 2024 · 4613fe6 · 4613fe6
1 parent 80f7f9d
commit 4613fe6
Show file tree

Hide file tree

Showing 24 changed files with 15,872 additions and 4 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -5,8 +5,9 @@
  * work well for content-centric websites.
  */
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
-/* You can override the default Infima variables here. */
+@import url('/static/fonts/fonts.css');
 
+/* You can override the default Infima variables here. */
 :root {
   --ifm-color-primary: #007bff;
   --ifm-color-primary-dark: rgb(0, 106, 227);
@@ -19,13 +20,18 @@
   --ifm-toc-border-color: transparent;
   --ifm-menu-color-background-active: transparent;
   --ifm-navbar-height: 5rem;
+  --ifm-font-family-base: 'Aeonik', 'Roboto', serif;
 }
 
 html[data-theme='dark'] {
   --ifm-toc-border-color: transparent;
   /* background-color: #18191a; */
 }
 
+.body {
+  font-family: 'Aeonik', 'Roboto', serif;
+  overflow: scroll;
+}
 .body class data-rh {
   overflow: scroll;
 }

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -22,7 +22,7 @@
 
 .card {
   --title-bottom: 50px;
-  font-family: 'Roboto Slab', 'Roboto', serif;
+  font-family: 'Aeonik', 'Roboto Slab', 'Roboto', serif;
   display: flex;
   min-width: 300px;
   min-height: 210px;
@@ -39,7 +39,7 @@
   position: relative;
 }
 .card h2 {
-  font-family: 'Roboto Slab', 'Roboto', serif;
+  font-family: 'Aeonik', 'Roboto Slab', 'Roboto', serif;
   font-weight: 400;
   font-size: 2rem;
   color: white;
@@ -101,7 +101,7 @@ html[data-theme='dark'] .card:before {
 }
 
 .title {
-  font-family: 'Roboto Slab', 'Roboto', serif;
+  font-family: 'Aeonik', 'Roboto Slab', 'Roboto', serif;
   font-weight: 900;
   position: relative;
   text-align: left;

diff --git a/static/fonts/Aeonik-Black.ttf b/static/fonts/Aeonik-Black.ttf
diff --git a/static/fonts/Aeonik-Bold.eot b/static/fonts/Aeonik-Bold.eot
diff --git a/static/fonts/Aeonik-Bold.svg b/static/fonts/Aeonik-Bold.svg
diff --git a/static/fonts/Aeonik-Bold.ttf b/static/fonts/Aeonik-Bold.ttf
diff --git a/static/fonts/Aeonik-Bold.woff b/static/fonts/Aeonik-Bold.woff
diff --git a/static/fonts/Aeonik-Bold.woff2 b/static/fonts/Aeonik-Bold.woff2
diff --git a/static/fonts/Aeonik-Regular.eot b/static/fonts/Aeonik-Regular.eot
diff --git a/static/fonts/Aeonik-Regular.svg b/static/fonts/Aeonik-Regular.svg
diff --git a/static/fonts/Aeonik-Regular.ttf b/static/fonts/Aeonik-Regular.ttf
diff --git a/static/fonts/Aeonik-Regular.woff b/static/fonts/Aeonik-Regular.woff
diff --git a/static/fonts/Aeonik-Regular.woff2 b/static/fonts/Aeonik-Regular.woff2
diff --git a/static/fonts/AeonikMono-Bold.eot b/static/fonts/AeonikMono-Bold.eot
diff --git a/static/fonts/AeonikMono-Bold.svg b/static/fonts/AeonikMono-Bold.svg
diff --git a/static/fonts/AeonikMono-Bold.ttf b/static/fonts/AeonikMono-Bold.ttf
diff --git a/static/fonts/AeonikMono-Bold.woff b/static/fonts/AeonikMono-Bold.woff
diff --git a/static/fonts/AeonikMono-Bold.woff2 b/static/fonts/AeonikMono-Bold.woff2
diff --git a/static/fonts/AeonikMono-Regular.eot b/static/fonts/AeonikMono-Regular.eot
diff --git a/static/fonts/AeonikMono-Regular.svg b/static/fonts/AeonikMono-Regular.svg
diff --git a/static/fonts/AeonikMono-Regular.ttf b/static/fonts/AeonikMono-Regular.ttf
diff --git a/static/fonts/AeonikMono-Regular.woff b/static/fonts/AeonikMono-Regular.woff
diff --git a/static/fonts/AeonikMono-Regular.woff2 b/static/fonts/AeonikMono-Regular.woff2
diff --git a/static/fonts/fonts.css b/static/fonts/fonts.css
@@ -0,0 +1,49 @@
+@font-face {
+  font-family: 'Aeonik Mono';
+  src: url('AeonikMono-Regular.eot');
+  src: local('Aeonik Mono Regular'), local('AeonikMono-Regular'),
+    url('AeonikMono-Regular.eot?#iefix') format('embedded-opentype'),
+    url('AeonikMono-Regular.woff2') format('woff2'),
+    url('AeonikMono-Regular.woff') format('woff'),
+    url('AeonikMono-Regular.ttf') format('truetype'),
+    url('AeonikMono-Regular.svg#AeonikMono-Regular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Aeonik Mono';
+  src: url('AeonikMono-Bold.eot');
+  src: local('Aeonik Mono Bold'), local('AeonikMono-Bold'),
+    url('AeonikMono-Bold.eot?#iefix') format('embedded-opentype'),
+    url('AeonikMono-Bold.woff2') format('woff2'),
+    url('AeonikMono-Bold.woff') format('woff'),
+    url('AeonikMono-Bold.ttf') format('truetype'),
+    url('AeonikMono-Bold.svg#AeonikMono-Bold') format('svg');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Aeonik';
+  src: url('Aeonik-Regular.woff2') format('woff2'),
+    url('Aeonik-Regular.woff') format('woff'),
+    url('Aeonik-Regular.ttf') format('truetype'),
+    url('Aeonik-Regular.eot') format('embedded-opentype'),
+    url('Aeonik-Regular.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Aeonik';
+  src: url('Aeonik-Bold.woff2') format('woff2'),
+    url('Aeonik-Bold.woff') format('woff'),
+    url('Aeonik-Bold.ttf') format('truetype'),
+    url('Aeonik-Bold.eot') format('embedded-opentype'),
+    url('Aeonik-Bold.svg') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}