| title | lang | layout | parent | permalink | github | license | feedbackmail | footer | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
How to Change Text Size or Colors |
en |
default |
/ |
/meta/customize/ |
|
creative-commons |
<p><strong>Date:</strong> Updated 4 March 2019. First published 2005.</p> <p><strong>Editors:</strong> Robert Jolly and Shawn Lawton Henry.</p>
|
To make text bigger, press two keys at the same time:
- Ctrl and + keys in Windows, Linux, and Chrome OS
- ⌘ and + keys in Mac OS
{::nomarkdown} {% include box.html type="start" title="Summary" class="" %} {:/}
This page shows you how to change text size, text and background colors, and other display settings through your browser.
{::nomarkdown} {% include box.html type="end" %} {:/}
{::nomarkdown} {% include toc.html type="start" title="Page Contents" %} {:/}
- TOC is created automatically. {:toc}
{::nomarkdown} {% include toc.html type="end" %} {:/}
Most web browsers let you increase and decrease the size of text, images, and other web page content with "zoom" features. Some browsers let you choose to zoom only the text size.
To change the zoom in most browsers, press the following two keys at the same time:
- In Windows, Linux, and Chrome OS:
- To zoom bigger: "Ctrl" and "+" keys
- To zoom smaller: "Ctrl" and "-" keys
- Mac OS:
- To zoom bigger: "⌘" and "+" keys
- To zoom smaller: "⌘" and "-" keys
Browsers provide specific guidance on different ways to change the page zoom or text-only zoom:
- Google Chrome - Change text, image, and video sizes (zoom)
- Apple Safari - Zoom in on webpages
- Mozilla Firefox - Font size and zoom
- Opera - Zoom
- Internet Explorer - Ease of access options
- Microsoft Edge - Ease of Access in Microsoft Edge
- Vivaldi - Zooming options in Vivaldi
Some browsers provide functionality to set different aspects of font and color in the default view.
- Mozilla Firefox - Change the fonts and colors websites use
- Opera - Look and feel > Fonts
- Microsoft Internet Explorer - Ease of Access Options
Other text and color settings are available in Reader View.
Most browsers offer a "Reader View" or "Reading View" that shows just the main content; it gets rid of navigation, ads, etc. Some browsers let you set the text font, text size, text color, background color, and line spacing in Reader View.
- Apple Safari - Hide ads when reading articles
- Mozilla Firefox - Reader View for clutter-free web pages
- Microsoft Edge - Change font style and size for Reading view in Microsoft Edge
- Vivaldi - Reader View
There are many browser extensions and add-ons that provide additional control over how the browser displays text and other content.
While most browsers no long support user style sheets, extensions provide similar advanced user control. For example, the Stylus extension is available for several major browsers.
The browser settings on this page should work when websites and browsers meet accessibility guidelines and are designed for accessibility, flexibility, and user control. However:
- some websites are designed to defeat user's browser settings
- some browsers do not provide as much user control
Text resizing, browser zoom, and other user choices may not work consistently on websites that do not meet accessibility guidelines.
It's up to the website owner. It's not an accessibility requirement that websites include information on changing text sizes and colors like this page. We chose to include this information to help people who want to know how to change their browser settings.
We chose to provide these instructions so that users can learn how to change the display for all websites. Widgets change only the website they are on.
The World Wide Web Consortium (W3C) does not endorse specific web browsers or extensions and does not recommend one over another. While some common browsers are included in this page, mention of a specific browser does not imply endorsement or recommendation.