diff --git a/package.json b/package.json index 38f54303..43c92bf3 100644 --- a/package.json +++ b/package.json @@ -80,7 +80,8 @@ "@fontsource/montserrat": "^4.4.5", "@fontsource/noto-sans": "^4.4.5", "@fontsource/open-sans": "^4.5.2", - "@fontsource/poppins": "^4.4.5", + "@fontsource/opendyslexic": "^4.5.2", + "@fontsource/poppins": "^4.4.5", "@fontsource/raleway": "^4.4.5", "@fontsource/roboto": "^4.4.5", "@fontsource/roboto-mono": "^4.4.5", diff --git a/src/context/Theme.tsx b/src/context/Theme.tsx index 5062667f..3bc273de 100644 --- a/src/context/Theme.tsx +++ b/src/context/Theme.tsx @@ -44,6 +44,7 @@ export type HiddenVariables = export type Fonts = | "Open Sans" + | "OpenDyslexic" | "Inter" | "Atkinson Hyperlegible" | "Roboto" @@ -100,6 +101,16 @@ export const FONTS: Record void }> = { await import("@fontsource/open-sans/400-italic.css"); }, }, + + "OpenDyslexic": { + name: "OpenDyslexic", + load: async () => { + await import("@fontsource/opendyslexic/400.css"); + await import("@fontsource/opendyslexic/700.css"); + await import("@fontsource/opendyslexic/400-italic.css"); + }, + }, + Inter: { name: "Inter", load: async () => { diff --git a/yarn.lock b/yarn.lock index c27ead81..b3e0388c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1311,6 +1311,11 @@ resolved "https://registry.yarnpkg.com/@fontsource/open-sans/-/open-sans-4.5.2.tgz#6953650035d5b42be645013b1465544d0af49d7d" integrity sha512-aDQrW8s0KslG2aKb9nM5R6fiQR9iPomqWXf6iZCC30qv/UFlSY14SppodA3rE//+w37EqsJjyUq3BSEYzLdisg== +"@fontsource/opendyslexic@^4.5.2": + version "4.5.2" + resolved "https://registry.yarnpkg.com/@fontsource/opendyslexic/-/opendyslexic-4.5.2.tgz#ed17723960a18e330f04e4dfffd90834db946757" + integrity sha512-vW+A3Bd1ZEG6nAZuix0OhbS0ygMlhvtc3RvLlDXrTAinrAZHQ0bOGUJRN2iaGbQ1kWNP8/7A+AKMFH5FM/pjKA== + "@fontsource/poppins@^4.4.5": version "4.5.0" resolved "https://registry.yarnpkg.com/@fontsource/poppins/-/poppins-4.5.0.tgz#a419697b85864afbf8363f5c247b1e9d1f117564"