/* ═══════════════════════════════════════════════════════════════ OpenDyslexic Font – Accessibility Option Activated via .opendyslexic class on element. Font: OpenDyslexic (SIL Open Font License) ═══════════════════════════════════════════════════════════════ */ @font-face { font-family: 'OpenDyslexic'; src: url('/fonts/OpenDyslexic-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('/fonts/OpenDyslexic-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } /* Override all fonts when the class is present on */ html.opendyslexic, html.opendyslexic *, html.opendyslexic .mud-typography, html.opendyslexic .mud-button, html.opendyslexic .mud-input, html.opendyslexic .mud-table, html.opendyslexic .mud-chip, html.opendyslexic .mud-tab, html.opendyslexic .mud-nav-link, html.opendyslexic .mud-list-item, html.opendyslexic .mud-dialog, html.opendyslexic .mud-snackbar, html.opendyslexic .mud-alert, html.opendyslexic .mud-card, html.opendyslexic .mud-select, html.opendyslexic .mud-menu-item { font-family: 'OpenDyslexic', sans-serif !important; }