This article describes how to customize the way you see web pages by choosing your preferred font styles and colors.
Table of Contents
Change Font
To change the font:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button
and select .
- In the panel, go down to Language and Appearance.
- Under Fonts, use the drop-down menus to select the font and font size of your choice.
- Close the page. Any changes you've made will automatically be saved.
Custom Fonts
Some websites have custom fonts; to disable them:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button
and select .
- In the panel, go down to Language and Appearance.
- Under Fonts, click the button.
- In the Fonts dialog that opens, uncheck Allow pages to choose their own fonts, instead of your selections above.
- Click to close the Fonts window.
- Close the page. Any changes you've made will automatically be saved.
Other settings for Fonts
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button
and select .
- In the panel, go down to Language and Appearance.
- Under Fonts, click the button.
- From the Fonts for drop-down list in the Fonts dialog, choose a language group/script.
- For instance, to set default fonts for the West European languages/scripts (Latin), choose Latin. For a language/script not in the list, choose Other Writing Systems.
- Select whether proportional text should be serif (like “Times New Roman”) or sans-serif (like “Arial”). Then specify the font size you want for proportional text.
- Specify the font to use for Serif, Sans-serif and Monospace fonts. You can also change the size for
Monospace fonts
.
You can also set the minimum web page font size. This is useful to prevent sites from using overly small fonts that are barely readable.
Change Font color
To change the font color:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button
and select .
- In the panel, go down to Language and Appearance.
- Under Colors, click the
- Clicking any of the colored rectangles will show you the possible colors you can choose from. Select the color you want by clicking one of the colored rectangles.
- Click to close the Colors window.
- Close the page. Any changes you've made will automatically be saved.
Custom Font color
Some websites have custom font colors, to disable them:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button
and select .
- In the panel, go down to Language and Appearance.
- Under Colors, click the button.
- In the window that opens, use the drop-down menu to set Override the colors specified by the page with my selections above to .
- Click to close the Colors window.
- Close the page. Any changes you've made will automatically be saved.
Other settings for colors
Text and Background: Here you can change the default text and background color to be used on PDFs opened in Firefox and web pages that haven't specified that information. Click the color samples to select colors.
- Use system colors: Check this setting to use the colors defined in your operating system settings instead of the colors specified above.
Link Colors: Here you can change the default colors for Web links. Click the color samples to select colors.
- Override the colors specified by the page with your selections above:
- Always: Select this setting to force all sites and PDFs opened in Firefox to use your default colors.
- Only with High Contrast themes: This setting will make Firefox use the colors specified by the web page author, except when you are using a High Contrast WindowsLinux theme.
- Never: Select this setting to make Firefox use the colors specified by the web page author.
Note: If you later want to restore the default colors:
Only proceed if you are comfortable with advanced settings and understand the potential impacts.
- Type about:config in the address bar and press EnterReturn.
A warning page may appear. Click to go to the about:config page. - Enter browser*color in the Search field.
- Click the Reset
button next to the modified preferences (displayed in bold font).
Contrast Control
These settings allow you to have control over the colors and intensity of the contrast between text and its background.
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button
and select .
- In the panel, go down to Language and Appearance.
- Under Contrast Control, select your preferred settings.
- Note: The Make reading easier with Firefox's contrast control settings to learn more about Contrast Control settings.option will honor the operating system’s high contrast preferences in Web content. The option will show Web content as the content author intended (colors will not be forced). The option allows you to specify your own colors in Web content. See
- To choose your own colors, select the option and click the button.
- In the window that opens, select your preferred colors for text and background, and for unvisited and visited links.
Zoom
Firefox also includes a Zoom. This allows you to increase the size of text on any web page. For instructions, see Font size and zoom - increase the size of web pages.