better default font

seigler · Apr 12, 2024 · bd73627 · bd73627
1 parent 7184650
commit bd73627
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 24 deletions.
diff --git a/public/fonts/AurebeshAF-Canon.otf b/public/fonts/AurebeshAF-Canon.otf
diff --git a/public/fonts/AurebeshAF-CanonTech.otf b/public/fonts/AurebeshAF-CanonTech.otf
diff --git a/public/fonts/AurebeshAF-Legends.otf b/public/fonts/AurebeshAF-Legends.otf
diff --git a/public/fonts/AurebeshAF-LegendsTech.otf b/public/fonts/AurebeshAF-LegendsTech.otf
diff --git a/public/fonts/FTAurebesh-Bold.otf b/public/fonts/FTAurebesh-Bold.otf
diff --git a/public/fonts/FTAurebesh-Medium.otf b/public/fonts/FTAurebesh-Medium.otf
diff --git a/src/components/store.ts b/src/components/store.ts
@@ -8,19 +8,11 @@ export const fonts: Record<
     ligatures: ["ch", "sh", "th", "ae", "eo", "kh", "ng", "oo"],
     lowercase: false,
   },
-  "AurebeshAF-Canon": {
+  "FT Aurebesh": {
     ligatures: [],
     lowercase: false,
   },
-  "AurebeshAF-CanonTech": {
-    ligatures: [],
-    lowercase: false,
-  },
-  "AurebeshAF-Legends": {
-    ligatures: ["ch", "sh", "th", "ae", "eo", "kh", "ng", "oo"],
-    lowercase: false,
-  },
-  "AurebeshAF-LegendsTech": {
+  "FT Aurebesh ligatures": {
     ligatures: ["ch", "sh", "th", "ae", "eo", "kh", "ng", "oo"],
     lowercase: false,
   },
@@ -56,7 +48,7 @@ export const fonts: Record<
 
 export const fontNames = Object.keys(fonts);
 
-export const selectedFont = signal("AurebeshAF-Canon");
+export const selectedFont = signal("FT Aurebesh");
 effect(() => {
   if (typeof window !== "undefined") {
     document.documentElement.style.setProperty(

diff --git a/src/style.css b/src/style.css
@@ -3,24 +3,26 @@
   src: url(/fonts/AB-Equinox.otf) format("opentype");
 }
 @font-face {
-  font-family: "AurebeshAF-Canon";
-  src: url(/fonts/AurebeshAF-Canon.otf) format("opentype");
-  size-adjust: 80%;
+  font-family: "FT Aurebesh ligatures";
+  src: url(/fonts/FTAurebesh-Medium.otf) format("opentype");
+  font-feature-settings: "dlig" on;
+  font-weight: 500;
 }
 @font-face {
-  font-family: "AurebeshAF-CanonTech";
-  src: url(/fonts/AurebeshAF-CanonTech.otf) format("opentype");
-  size-adjust: 80%;
+  font-family: "FT Aurebesh ligatures";
+  src: url(/fonts/FTAurebesh-Bold.otf) format("opentype");
+  font-feature-settings: "dlig" on;
+  font-weight: 700;
 }
 @font-face {
-  font-family: "AurebeshAF-Legends";
-  src: url(/fonts/AurebeshAF-Legends.otf) format("opentype");
-  size-adjust: 80%;
+  font-family: "FT Aurebesh";
+  src: url(/fonts/FTAurebesh-Medium.otf) format("opentype");
+  font-weight: 500;
 }
 @font-face {
-  font-family: "AurebeshAF-LegendsTech";
-  src: url(/fonts/AurebeshAF-LegendsTech.otf) format("opentype");
-  size-adjust: 80%;
+  font-family: "FT Aurebesh";
+  src: url(/fonts/FTAurebesh-Bold.otf) format("opentype");
+  font-weight: 700;
 }
 @font-face {
   font-family: "Aurebesh_Rodian";
@@ -130,7 +132,7 @@ h1 {
 }
 
 .aurebesh {
-  font-size: clamp(1.2rem, 3vw, 1.5rem);
+  font-size: clamp(1.5em, 3vw, 1.5em);
   font-family: var(--font-aurebesh);
 }