use juniusx instead of charis

style/fonts/charis/charis.css

@@ -1,33 +0,0 @@
-@font-face {
-  font-family: Charis;
-  font-weight: 400;
-  src:
-    url(CharisSIL-R.ttf)  format('truetype'),
-    url(CharisSIL-R.woff) format('woff');
-}
-
-@font-face {
-  font-family: Charis;
-  font-weight: 500;
-  src:
-    url(CharisSIL-B.ttf)  format('truetype'),
-    url(CharisSIL-B.woff) format('woff');
-}
-
-@font-face {
-  font-family: Charis;
-  font-weight: 400;
-  font-style:  italic;
-  src:
-    url(CharisSIL-I.ttf)  format('truetype'),
-    url(CharisSIL-I.woff) format('woff');
-}
-
-@font-face {
-  font-family: Charis;
-  font-weight: 500;
-  font-style:  italic;
-  src:
-    url(CharisSIL-BI.ttf)  format('truetype'),
-    url(CharisSIL-BI.woff) format('woff');
-}

style/fonts/junius/junius.css

@@ -0,0 +1,138 @@
+@font-face {
+  font-family: JuniusX;
+  font-weight: 300;
+  font-stretch: normal;
+  src:
+    url(ttf/JuniusX-Light.ttf) format('ttf'),
+    url(woff2/JuniusX-Light.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 400;
+  font-stretch: normal;
+  src:
+    url(ttf/JuniusX-Regular.ttf) format('ttf'),
+    url(woff2/JuniusX-Regular.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 500;
+  font-stretch: normal;
+  src:
+    url(ttf/JuniusX-Medium.ttf) format('ttf'),
+    url(woff2/JuniusX-Medium.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 600;
+  font-stretch: normal;
+  src:
+    url(ttf/JuniusX-Semibold.ttf) format('ttf'),
+    url(woff2/JuniusX-Semibold.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 700;
+  font-stretch: normal;
+  src:
+    url(ttf/JuniusX-Bold.ttf) format('ttf'),
+    url(woff2/JuniusX-Bold.woff2) format('woff2');
+}
+
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 300;
+  font-stretch: semi-condensed;
+  src:
+    url(ttf/JuniusX-SemiCondensedLight.ttf) format('ttf'),
+    url(woff2/JuniusX-SemiCondensedLight.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 400;
+  font-stretch: semi-condensed;
+  src:
+    url(ttf/JuniusX-SemiCondensed.ttf) format('ttf'),
+    url(woff2/JuniusX-SemiCondensed.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 500;
+  font-stretch: semi-condensed;
+  src:
+    url(ttf/JuniusX-SemiCondensedMedium.ttf) format('ttf'),
+    url(woff2/JuniusX-SemiCondensedMedium.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 600;
+  font-stretch: semi-condensed;
+  src:
+    url(ttf/JuniusX-SemiCondensedSemibold.ttf) format('ttf'),
+    url(woff2/JuniusX-SemiCondensedSemibold.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 700;
+  font-stretch: semi-condensed;
+  src:
+    url(ttf/JuniusX-SemiCondensedBold.ttf) format('ttf'),
+    url(woff2/JuniusX-SemiCondensedBold.woff2) format('woff2');
+}
+
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 300;
+  font-stretch: condensed;
+  src:
+    url(ttf/JuniusX-CondensedLight.ttf) format('ttf'),
+    url(woff2/JuniusX-CondensedLight.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 400;
+  font-stretch: condensed;
+  src:
+    url(ttf/JuniusX-Condensed.ttf) format('ttf'),
+    url(woff2/JuniusX-Condensed.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 500;
+  font-stretch: condensed;
+  src:
+    url(ttf/JuniusX-CondensedMedium.ttf) format('ttf'),
+    url(woff2/JuniusX-CondensedMedium.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 600;
+  font-stretch: condensed;
+  src:
+    url(ttf/JuniusX-CondensedSemibold.ttf) format('ttf'),
+    url(woff2/JuniusX-CondensedSemibold.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: JuniusX;
+  font-weight: 700;
+  font-stretch: condensed;
+  src:
+    url(ttf/JuniusX-CondensedBold.ttf) format('ttf'),
+    url(woff2/JuniusX-CondensedBold.woff2) format('woff2');
+}
+
+/* idk what "JuniusVF" is */

style/fonts/junius/woff2/.directory

@@ -0,0 +1,6 @@
+[Dolphin]
+PreviewsShown=false
+SortFoldersFirst=false
+Timestamp=2021,4,3,1,1,24
+Version=4
+ViewMode=2

style/page.css

@@ -1,5 +1,5 @@
 @import url(fonts/muller/muller.css);
-@import url(fonts/charis/charis.css);
+@import url(fonts/junius/junius.css);
 @import url(fonts/pragmatapro/pragmatapro.css);
 
 @import url(counters.css);
@@ -10,7 +10,7 @@
   --bg-col:   hsl(40deg, 91%, 98%);
   --link-col: hsl(355deg, 52%, 48%);
 
-  --ipa-font: Charis;
+  --ipa-font: JuniusX;
 }
 
 :root {
@@ -120,14 +120,24 @@ pre {
 }
 
 
-.ipa, .lang {
+.ipa, .lang, .ebnf-t {
   font-family: var(--ipa-font);
+
+  font-feature-settings:
+    "ccmp", "calt", "liga", "loca", "mark", "mkmk", "ss01";
+  /* ss01 to use modern Þþð design, others to make juniusx go brrr
+   * maybe i can just turn loca off but idk what other regional forms
+   * it does that i actually want */
 }
 
-.lang {
+.ipa {
   font-weight: 500;
 }
 
+.lang, .ebnf-t {
+  font-weight: 700;
+}
+
 .abbr {
   font-size: 70%;
   font-weight: 500;