accessibility-react-widget
Version:
A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and col
3 lines (2 loc) • 1.69 kB
TypeScript
declare const DYSLEXIA_FONT_STYLE = "\n @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300;400;700&display=swap');\n\n@font-face {\n font-family: 'OpenDyslexic';\n src: url('https://acc-landing.vercel.app/fonts/OpenDyslexic-Bold.woff') format('woff');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'OpenDyslexic';\n src: url('https://acc-landing.vercel.app/fonts/OpenDyslexic3-Bold.ttf') format('truetype');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'OpenDyslexic';\n src: url('https://acc-landing.vercel.app/fonts/OpenDyslexic3-Regular.ttf') format('truetype');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'OpenDyslexic';\n src: url('https://acc-landing.vercel.app/fonts/OpenDyslexic-Regular.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'OpenDyslexic';\n src: url('https://acc-landing.vercel.app/fonts/OpenDyslexic-Regular.otf') format('opentype');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'OpenDyslexic';\n src: url('https://acc-landing.vercel.app/fonts/OpenDyslexic-Bold.otf') format('opentype');\n font-weight: bold;\n font-style: normal;\n}\n\n\nhtml{\n font-family: OpenDyslexic,Comic Neue,Arial,Helvetica,sans-serif !important\n \n}\n\nhtml *, *{\n font-family: OpenDyslexic,Comic Neue,Arial,Helvetica,sans-serif !important\n}\n\nhtml.acc-font-weight{\n font-family: OpenDyslexic,Comic Neue,Arial,Helvetica,sans-serif !important \n}\n\n\n";
export default DYSLEXIA_FONT_STYLE;