Add opendyslexic font (#303)

munshkr · Dec 8, 2024 · 39a05e5 · 39a05e5
2 parents bcc4edb + b1818d3
commit 39a05e5
Show file tree

Hide file tree

Showing 14 changed files with 90 additions and 0 deletions.
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-Bold.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-Bold.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-BoldItalic.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-BoldItalic.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-Italic.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-Italic.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-Regular.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic-Regular.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic3-Bold.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic3-Bold.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic3-Regular.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexic3-Regular.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-Bold.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-Bold.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-BoldItalic.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-BoldItalic.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-Italic.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-Italic.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-Regular.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicAlta-Regular.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicMono-Regular.woff b/packages/web/src/assets/fonts/OpenDyslexic/OpenDyslexicMono-Regular.woff
diff --git a/packages/web/src/assets/fonts/OpenDyslexic/stylesheet.css b/packages/web/src/assets/fonts/OpenDyslexic/stylesheet.css
@@ -0,0 +1,88 @@
+@font-face {
+  font-family: "OpenDyslexic";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("OpenDyslexic"),
+    url("OpenDyslexic-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexic";
+  font-style: italic;
+  font-weight: 400;
+  src:
+    local("OpenDyslexic"),
+    url("OpenDyslexic-Italic.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexic";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("OpenDyslexic"),
+    url("OpenDyslexic-Bold.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexic";
+  font-style: italic;
+  font-weight: 700;
+  src:
+    local("OpenDyslexic"),
+    url("OpenDyslexic-BoldItalic.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexic3";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("OpenDyslexic3"),
+    url("OpenDyslexic3-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexicAlta";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("OpenDyslexicAlta"),
+    url("OpenDyslexicAlta-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexicMono";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("OpenDyslexicMono"),
+    url("OpenDyslexicMono-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexicAlta";
+  font-style: italic;
+  font-weight: 400;
+  src:
+    local("OpenDyslexicAlta"),
+    url("OpenDyslexicAlta-Italic.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexic3";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("OpenDyslexic3"),
+    url("OpenDyslexic3-Bold.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexicAlta";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("OpenDyslexicAlta"),
+    url("OpenDyslexicAlta-Bold.woff") format("woff");
+}
+@font-face {
+  font-family: "OpenDyslexicAlta";
+  font-style: italic;
+  font-weight: 700;
+  src:
+    local("OpenDyslexicAlta"),
+    url("OpenDyslexicAlta-BoldItalic.woff") format("woff");
+}
diff --git a/packages/web/src/components/editor.tsx b/packages/web/src/components/editor.tsx
@@ -9,6 +9,7 @@ import "../assets/fonts/SyneMono/stylesheet.css";
 import "../assets/fonts/VT323/stylesheet.css";
 import "../assets/fonts/RobotoMono/stylesheet.css";
 import "../assets/fonts/UbuntuMono/stylesheet.css";
+import "../assets/fonts/OpenDyslexic/stylesheet.css";
 
 import { useQuery } from "@/hooks/use-query";
 import {

diff --git a/packages/web/src/lib/fonts.ts b/packages/web/src/lib/fonts.ts
@@ -8,6 +8,7 @@ export const fonts = {
   "JGS": "jgs_Font",
   "Monaco": "Monaco",
   "MonoCraft": "Monocraft Nerd Font",
+  "OpenDyslexic" : "OpenDyslexicMono",
   "Roboto Mono" : "Roboto Mono",
   "Steps Mono": "Steps Mono",
   "Syne Mono" : "Syne Mono",