Blog · How-to
How to change the font on any website in Chrome
Some websites ship fonts that are genuinely hard to read — thin weights, condensed letter shapes, poor spacing. Chrome doesn't make it obvious how to override them, but there are at least five ways to do it. This guide walks through each, from the simplest built-in setting to the power-user options, and helps you pick the right one for how often you actually want to do this.
Short answer: if you want to change the font on every site you visit with a single click, install a dedicated extension. If you want to change one site permanently, learn Stylus. If you want to peek once, use DevTools.
The five methods at a glance
| Method | Works on every site? | Survives a reload? | Effort | Best for |
|---|---|---|---|---|
| Chrome built-in font settings | Partial — only pages that don't force their own fonts | Yes | Low | Changing the default browser font |
| Page zoom | Yes (all sites) | Per-site, yes | Low | Making text bigger, not changing shape |
| DevTools override | Yes | No — lost on reload | Medium | One-off checks, testing |
| Stylus (user stylesheets) | Yes, per rule | Yes | High (requires CSS) | Changing one specific site forever |
| Accessibility extension (e.g. LexiFont) | Yes | Yes | Low | Changing every site, daily |
Chrome's built-in font settings
Chrome has a hidden page for this. Open a new tab and go to:
You'll find four slots: Standard font, Serif font, Sans-serif font, and Fixed-width font. Any font installed on your operating system can be selected — including Lexend, OpenDyslexic, or Atkinson Hyperlegible if you've installed them locally.
The catch: these defaults only kick in when a page doesn't specify its own font-family. Most modern websites ship a font-family stack in their CSS, so the override is silently ignored. In practice, Chrome's built-in setting changes the font on maybe 10–15% of the sites you visit. Useful as a fallback, not a solution.
Page zoom (not a font change, but often what people want)
If the real problem is size, not shape, use Ctrl + + (or ⌘ + + on macOS). Chrome remembers the zoom level per-domain, so a site you visit often will stay zoomed. You can also set a default page zoom globally at:
Zoom doesn't change letter shape or spacing — if Helvetica Neue Thin is hurting your eyes, bigger Helvetica Neue Thin still hurts. But it's free, it's built-in, and for a lot of people it's enough.
DevTools: override fonts temporarily
Useful when you want to test what a site would look like in a different font before committing to anything. Open DevTools (F12 or ⌘⌥I), go to the Elements panel, and in the Styles sidebar add a new rule:
The !important is usually required because site CSS is already using specific selectors. The change is live on the page and completely gone the moment you reload. Good for "let me see what this would look like", useless for daily reading.
Stylus: user stylesheets for one site forever
Stylus is a free, open-source Chrome extension that lets you apply custom CSS to any domain. You write rules once, and they run every time you visit that site.
After installing, click the Stylus icon, choose Write style for this URL, and paste something like:
Save, and the style applies to that domain from now on. Stylus is brilliant for tuning one specific website — your workplace intranet, your favourite news site, a forum you read daily. It's also a significant time investment: you're now maintaining CSS rules, and you'll write a separate rule per site.
If you find yourself copying the same stylesheet to every new site, you've outgrown Stylus and want the next option.
Dedicated accessibility extension
Extensions like LexiFont are built for exactly this: change the font on every website you visit, with one click, and remember your preferences. No CSS required.
With LexiFont you pick from OpenDyslexic, Lexend, or Atkinson Hyperlegible, and the extension overrides site fonts on every page you load. You can also adjust letter spacing, word spacing, and line height, add a reading ruler, or tint the background with a soft overlay.
Per-site rules work too: "use OpenDyslexic everywhere except GitHub" is one toggle away. Settings sync across your Chrome profiles, so you get the same reading experience on your work laptop and your home machine.
Picking a method:
One-off test → DevTools. One site, forever → Stylus. Every site, forever → accessibility extension. Just make it bigger → page zoom.
Three things people get wrong
"Changing the font will break the site." Very rarely. Most layouts are robust to font changes today because designers account for different OS fonts. A handful of sites that rely on icon fonts (old versions of Font Awesome, decorative glyphs) can glitch — LexiFont explicitly skips icon font families to avoid this.
"The extension must be slow." Font swaps happen at CSS level — the browser re-renders, same as when you resize a window. On a modern laptop it's imperceptible. The fonts themselves are bundled with the extension, so there's no network request either.
"I'll just install the font on my OS." This lets you pick it in Chrome's font settings, but as covered in method 1, most sites override with their own CSS. Installing the font is necessary if you want to use it in Word or another app, but on the web you still need an override tool.
If dyslexia or reading strain is the reason
If the reason you're here is that some websites are exhausting to read, the most effective toolkit is not one font — it's a combination: a readable typeface (Lexend or Atkinson Hyperlegible work for most people), wider letter and word spacing, a taller line height, and — for many readers — a subtle tinted background to reduce glare. All of this is one-click with an accessibility extension. We wrote a comparison of the two most common choices.
Honest caveat: there isn't a single "dyslexia-friendly" font that's been proven superior in rigorous research. What works is personal. The right method is the one that lets you try several combinations quickly until one feels right, and then stay with it without thinking about it again.