A reading surface you can tune

Adjust the controls above and watch this text respond. The text-size buttons step the body type between 14 and 28 pixels; the typeface buttons swap the whole reading surface between a sans-serif, a serif, a monospace face, and OpenDyslexic — a typeface whose weighted letterforms help some dyslexic readers track a line.

Nothing here touches the page chrome — only the article body changes, exactly as it does on a real post. Size is applied through a single CSS custom property on the document root; the typeface is selected by a data attribute, so the font stacks stay in CSS and the script never carries a font map.

On the live site your choice is remembered across pages and browser restarts, because an accessibility preference should be sticky. This sandbox deliberately forgets — so you can experiment freely without changing how the rest of mylearnbase looks to you.