How to Customise Reader View in Safari on Mac and iPhone

Safari’s built-in Reader View is one of Apple’s most practical features for clean web browsing across macOS, iOS, and iPadOS. By stripping away distracting banner advertisements, navigation menus, and flashing promotional sidebars, Reader formats long-form essays, news stories, and technical guides into an uncluttered, book-like reading canvas. However, many users remain unaware that Reader View can be deeply customised to suit individual eyesight requirements, ambient room lighting, and typography preferences on both Mac and iPhone.

What is Safari Reader View?

Reader View is Apple’s native readability parsing engine. When you navigate to a content-dense article or documentation page, Safari analyses the Document Object Model (DOM) to identify the core body text and embedded media while discarding peripheral layout elements. Beyond enhancing focus, Reader reduces page scrolling resistance and significantly lowers battery consumption on portable devices.

How to Enable and Customise Reader View on iPhone

Apple integrates Reader controls directly within Safari’s unified address bar (Page Settings menu) on iOS:

1. Launch Safari on your iPhone and open any text-heavy article or news editorial.
2. Look at the left side of the address bar at the bottom or top of your screen. Tap the Page Settings button (represented by an uppercase and lowercase aA icon).
3. Tap Show Reader from the drop-down menu. The page will immediately transition to clean typography.
4. To customise visual formatting, tap the aA icon once again while Reader is active:
   • Text Sizing: Tap the smaller A on the left to reduce text size, or tap the larger A on the right to enlarge the font.
   • Background Themes: Select from four ambient colour palettes: White (standard day mode), Sepia (warm paper tone for daytime comfort), Grey (low-contrast twilight reading), or Black (high-contrast true black for OLED displays and nighttime reading).
   • Typography: Tap Fonts to choose your preferred typeface, such as Athelas, Charter, Georgia, Iowan, Palatino, San Francisco, Seravek, or Times New Roman.
5. Tap anywhere outside the contextual menu to apply your visual settings.

How to Customise Reader View on Mac

On macOS, Safari offers expanded desktop controls to fine-tune your reading experience:

1. Open Safari on your Mac and load an article.
2. In the Smart Search field (address bar), click the Reader button located on the far-left side (an icon resembling lines of text). You can also press the universal shortcut Shift + Command + R.
3. While Reader View is displayed, click the Format button (the aA icon) on the right side of the address bar.
4. Customise your presentation preferences:
   • Click one of the four circular colour swatches (White, Sepia, Dark Grey, or Pure Black) to instantly adjust the background colour and typography contrast.
   • Select from desktop-optimised typefaces including San Francisco, Georgia, Palatino, Times New Roman, and Charter.
   • Click the smaller A or larger A buttons to scale text point sizes smoothly.

How to Automatically Enable Reader View for Specific Websites

If you regularly visit informative publications or ad-heavy blogs, you can instruct Safari to automatically engage Reader View whenever you load articles from those domains:

On iPhone:

1. While viewing the target website in Safari, tap the aA icon in the address bar.
2. Select Website Settings.
3. Toggle Use Reader Automatically to the On position, then tap Done.

On Mac:

1. Navigate to the target website in Safari.
2. Right-click (or Control-click) inside the Smart Search address bar.
3. Select Settings for This Website… from the contextual menu.
4. In the drop-down configuration dialogue, check the box labelled Use Reader when available.

Troubleshooting Safari Reader View Limitations

• Reader Icon Does Not Appear: Reader View is triggered only when Safari detects an identifiable article structure. Homepages, interactive web apps, forum threads, and e-commerce product grids typically do not generate a Reader option.
• Missing Code Blocks or Charts: Because Reader prioritises semantic paragraphs, custom JavaScript interactive charts or complex table grids may occasionally be omitted. Tap the aA icon and choose Hide Reader to reveal the full page layout if necessary.
• Settings Not Syncing Across Devices: While iCloud synchronises Safari bookmarks and Reading List items, individual font and theme customisations in Reader View are retained locally per device to accommodate different display panel technologies.