How to Set Up Your Browser for Distraction-Free Reading
Six browser-level changes that turn a cluttered tab into a focused reading environment — from typography overrides to blocking the notification prompts that break your flow.
Most web pages were not designed to be read carefully. They were designed to be scanned, to load advertisements, to keep you on the site, and to prompt subscriptions. The result is a reading experience that fights against focus: tiny grey text, short line lengths to make room for sidebar ads, autoplay videos, and notification prompts that interrupt you three seconds after the page loads.
None of this is accidental, and you don’t have to accept it. A handful of browser-level settings and extensions can undo most of it.
1. Apply a reading typography override
The most impactful single change you can make to reading comfort is adjusting the typography of the article itself. Research on reading ergonomics consistently points to two variables:
- Line height: 1.5–1.8× the font size. Most web pages use 1.2–1.4×, which packs lines too tightly and increases the visual effort required to track from one line to the next.
- Measure (text width): 65–80 characters per line. Short-measure layouts (narrow columns on sidebar-heavy pages) force too many line breaks; very wide measure makes it hard to find the start of the next line after a return.
A browser reading extension like ReadEase applies both of these overrides to the live page — you don’t have to switch to a separate app or lose your place. The line height slider and width controls in the Typography panel adjust both variables in real time so you can find what works for you on that particular article.
2. Switch to a soft dark or warm background
A bright white background with black text maximises contrast, which is good for readability in principle but creates sustained glare in most real reading environments — especially in the evening or in rooms with moderate ambient light.
The most comfortable backgrounds for extended reading are:
- Off-white or cream: #FAF7F0 to #F5F0E8. High contrast without the harshness of pure white.
- Dark soft mode: a dark grey background (#1A1A2E or similar) with off-white text (#E8E6E1). Not the same as pure black/white, which creates too much contrast in dark environments.
- Sepia: the warm beige palette that most e-readers default to, which works well under warm artificial light.
ReadEase’s Background panel offers one-click presets for all three modes, plus a custom colour picker if you want to match a specific lighting environment.
3. Block notification permission prompts
You’ve seen this: you open a news article, and before you read the headline, a prompt appears asking if you want to push notifications. Clicking “Block” dismisses it, but the interaction broke your entry into the article.
Chrome has a built-in setting to suppress these permanently:
- Go to
chrome://settings/content/notifications - Under Default behaviour, select Don’t allow sites to send notifications.
This blocks the prompt from appearing at all. If there are specific sites you want notifications from, you can add them as exceptions under Allowed to send notifications. For reading, having no prompts is almost always the right default.
4. Disable autoplay video
Autoplay video is the single most disruptive element on news and media sites. A video starts playing mid-page as you scroll, the audio competes with your internal monologue, and your visual attention is pulled away from the text.
Chrome’s autoplay setting:
- Go to
chrome://settings/content/sound - Under Default behaviour, keep Sites can play sound enabled but add specific noisy sites to the Muted list, or
- Install a dedicated autoplay-blocking extension to block video autoplay site-wide.
ReadEase’s distraction-blocking mode collapses or hides embedded video players on the pages where it runs, without requiring a separate setting.
5. Use a focus font
Typography affects both comfort and comprehension. The standard system fonts (Arial, Helvetica, Georgia) are legible but not optimised for the kind of sustained reading you do on a long article. A few font families are specifically designed for screen reading:
- Charter or Palatino: serif fonts with generous x-heights that work well at typical browser sizes.
- iA Writer Mono / Quattro: designed for the iA Writer writing app and optimised for reading at 14–18px.
- Atkinson Hyperlegible: designed by the Braille Institute for maximum legibility, especially useful for readers with low vision.
ReadEase includes a font selector in the Typography panel that loads these fonts and applies them to the article body. Changing the font for a 3,000-word piece and noticing the difference after five minutes is the fastest way to calibrate which one suits you.
6. Save long articles for a dedicated reading session
The most disruptive reading environment is the one where you’re simultaneously expected to respond to messages. Trying to read a long article during a work day means every paragraph competes with the notification dot on another tab.
Two tactics that work well together:
- Save the article with a read-later tool (Pocket, Instapaper, or the browser’s built-in “Reading list”) and open it when you have 20 uninterrupted minutes. ReadEase works on both the original page and most reader views.
- Full-screen the tab: F11 on Windows/Linux, Ctrl+Cmd+F on Mac. A full-screen browser has no visible other tabs, no taskbar, and no system notifications competing for your peripheral vision.
Neither of these requires any new software. The discipline of setting aside reading time — rather than trying to read in the gaps of a reactive day — is the one change that compounds the fastest.
Each of the six changes above is reversible with one click, so there’s no commitment involved in trying them. If you read one long article this week with adjusted line height, a warmer background, and notification prompts silenced, you’ll know within those twenty minutes whether any of it matters for you.