added-fonts

metaory · Sep 19, 2024 · 78a5b53 · 78a5b53
1 parent 778c16e
commit 78a5b53
Show file tree

Hide file tree

Showing 22 changed files with 28 additions and 7 deletions.
diff --git a/src/assets/fonts/MonaspaceArgon-ExtraBold.woff b/src/assets/fonts/MonaspaceArgon-ExtraBold.woff
diff --git a/src/assets/fonts/MonaspaceArgon-Regular.woff b/src/assets/fonts/MonaspaceArgon-Regular.woff
diff --git a/src/assets/fonts/MonaspaceArgon-SemiBold.woff b/src/assets/fonts/MonaspaceArgon-SemiBold.woff
diff --git a/src/assets/fonts/MonaspaceArgon-WideBold.woff b/src/assets/fonts/MonaspaceArgon-WideBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-Bold.woff b/src/assets/fonts/MonaspaceKrypton-Bold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-ExtraBold.woff b/src/assets/fonts/MonaspaceKrypton-ExtraBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-Light.woff b/src/assets/fonts/MonaspaceKrypton-Light.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-Regular.woff b/src/assets/fonts/MonaspaceKrypton-Regular.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-SemiBold.woff b/src/assets/fonts/MonaspaceKrypton-SemiBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-SemiWideBold.woff b/src/assets/fonts/MonaspaceKrypton-SemiWideBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-SemiWideExtraBold.woff b/src/assets/fonts/MonaspaceKrypton-SemiWideExtraBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-SemiWideMedium.woff b/src/assets/fonts/MonaspaceKrypton-SemiWideMedium.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-SemiWideRegular.woff b/src/assets/fonts/MonaspaceKrypton-SemiWideRegular.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-SemiWideSemiBold.woff b/src/assets/fonts/MonaspaceKrypton-SemiWideSemiBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-WideBold.woff b/src/assets/fonts/MonaspaceKrypton-WideBold.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-WideMedium.woff b/src/assets/fonts/MonaspaceKrypton-WideMedium.woff
diff --git a/src/assets/fonts/MonaspaceKrypton-WideRegular.woff b/src/assets/fonts/MonaspaceKrypton-WideRegular.woff
diff --git a/src/assets/fonts/MonaspaceRadon-Medium.woff b/src/assets/fonts/MonaspaceRadon-Medium.woff
diff --git a/src/assets/fonts/MonaspaceRadon-MediumItalic.woff b/src/assets/fonts/MonaspaceRadon-MediumItalic.woff
diff --git a/src/assets/fonts/MonaspaceRadon-Regular.woff b/src/assets/fonts/MonaspaceRadon-Regular.woff
diff --git a/src/styles/legacy.css b/src/styles/legacy.css
@@ -95,9 +95,7 @@ strong {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
-  -webkit-justify-content: flex-start;
   justify-content: flex-start;
 }
 
@@ -108,10 +106,8 @@ strong {
   color: var(--c05);
   align-items: center;
   font-size: 3.8rem;
-  font-weight: 900;
   margin-bottom: .6em;
   padding-left: 1em;
-  -webkit-text-stroke: 1px var(--c05);
   text-shadow:
     var(--zk3) 2px 1px,
     var(--zk5) 4px 3px,

diff --git a/src/styles/main.css b/src/styles/main.css
@@ -137,6 +137,31 @@
   --ek9: #99FFAA;
 }
 
+@font-face {
+  font-family: KR-B;
+  src: url("/src/assets/fonts/MonaspaceKrypton-SemiWideExtraBold.woff") format('woff');
+}
+@font-face {
+  font-family: KR-M;
+  src: url("/src/assets/fonts/MonaspaceKrypton-Medium.woff") format('woff');
+}
+@font-face {
+  font-family: AR-B;
+  src: url("/src/assets/fonts/MonaspaceArgon-Bold.woff") format('woff');
+}
+@font-face {
+  font-family: AR-M;
+  src: url("/src/assets/fonts/MonaspaceArgon-Medium.woff") format('woff');
+}
+@font-face {
+  font-family: RN-M;
+  src: url("/src/assets/fonts/MonaspaceRadon-Medium.woff") format('woff');
+}
+@font-face {
+  font-family: RN-I;
+  src: url("/src/assets/fonts/MonaspaceRadon-MediumItalic.woff") format('woff');
+}
+  /* background-image: url("/src/assets/bg.png"); */
 img {
   opacity: 1;
 }
@@ -201,15 +226,15 @@ header,
 ul.keywords li,
 span.url,
 a {
-  font-family: 'Monaspace Krypton', monospace, sans-serif;
+  font-family: KR-B, monospace;
 }
 
 blockquote {
-  font-family: 'Monaspace Radon', serif;
+  font-family: RN-I, serif;
 }
 
 section {
-  font-family: 'Monaspace Argon', system-ui, sans-serif;
+  font-family: AR-M, system-ui, sans-serif;
 }
 
 @page {