Change the fonts and colors websites use

Revision Information
  • Revision id: 142852
  • Created:
  • Creator: AliceWyman
  • Comment: formatted note on resetting default colors
  • Reviewed: Yes
  • Reviewed:
  • Reviewed by: AliceWyman
  • Is approved? Yes
  • Is current revision? No
  • Ready for localization: No
Revision Source
Revision Content

This article describes how to customize the way you see web pages by choosing your preferred font styles and colors.

Changing Font

To change the font:

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (select Preferences on older macOS versions).Click the menu button Fx89menuButton and select Settings.
  2. Select the Content panel.
  3. Under Fonts & Colors, use the drop-down menus to select the font and font size of your choice.

    font.png

  4. Close the Settings page. Any changes you've made will automatically be saved.

Custom Fonts

Some websites have custom fonts, to disable them:

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (select Preferences on older macOS versions).Click the menu button Fx89menuButton and select Settings.
  2. Select the Content panel.
  3. Under Fonts & Colors, click the Advanced… button.

    advance.png

  4. In the window that opens uncheck the box next to Allow pages to choose their own fonts, instead of my selections above.

    custom_font.png

  5. Click OK to close the Fonts window.
  6. Close the Settings page. Any changes you've made will automatically be saved.

Change Font Color

To change the font color:

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (select Preferences on older macOS versions).Click the menu button Fx89menuButton and select Settings.
  2. Select the Content panel.
  3. Under Fonts & Colors, click the Colors… button.
  4. Clicking on 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.

    Fx38esrColors

  5. Click OK to close the Colors window.
  6. Close the Settings page. Any changes you've made will automatically be saved.
Note: If you later want to restore the default colors:
  1. Type about:config in the address bar and press EnterReturn.
    A warning page may appear. Click Accept the Risk and Continue to go to the about:config page.
  2. Enter browser*color in the Search field
  3. Right-clickHold down the Control key while you click on the user set preferences.
  4. Select Reset.

Custom Font Color

Some websites have custom font colors, to disable them:

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (select Preferences on older macOS versions).Click the menu button Fx89menuButton and select Settings.
  2. Select the Content panel.
  3. Under Fonts & Colors, click the Colors… button.
  4. In the window that opens, set Override the colors specified by the page with my selections above to Always.

    Fx47-pref-overridecolors-always

  5. Click OK to close the Colors window.
  6. Close the Settings page. Any changes you've made will automatically be saved.

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.