Change the fonts and colors websites use

Firefox Firefox Last updated: 1 week ago 16% of users voted this helpful

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

Change Font

To change the font:

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (or Preferences, in some cases).Click the menu button Fx89menuButton and select Settings.
  2. In the General panel, go down to Language and AppearanceGo to Accessibility.
  3. Under Fonts, use the drop-down menus to select the font and font size of your choice.
    Fx100settings-Fontsfx152fonts
  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 (or Preferences, in some cases).Click the menu button Fx89menuButton and select Settings.
  2. In the General panel, go down to Language and AppearanceGo to Accessibility.
  3. Under Fonts, click the Advanced…Advanced settings button.
  4. In the Fonts dialog that opens, uncheck Allow pages to choose their own fonts, instead of your selections above.
    Fx100settings-FontsAdvanced
  5. Click OK to close the Fonts window.
  6. Close the Settings page. Any changes you've made will automatically be saved.

Other settings for Fonts

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (or Preferences, in some cases).Click the menu button Fx89menuButton and select Settings.
  2. In the General panel, go down to Language and AppearanceGo to Accessibility.
  3. Under Fonts, click the Advanced…Advanced settings button.
  4. From the Fonts for drop-down list in the Fonts dialog, choose a language group/script.
    Fx115settings-FontsFor
    • 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.
  5. 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.
  6. 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.

Contrast Control

These settings allow you to have control over the colors and intensity of the contrast between text and its background.

  1. In the Menu bar at the top of the screen, click Firefox and select Settings (or Preferences, in some cases).Click the menu button Fx89menuButton and select Settings.
  2. In the General panel, go down to Language and AppearanceGo to Accessibility.
  3. Under Contrast ControlWebsite contrast, select your preferred settings.
    Fx138ContrastControlSettingsfx152websitecontrast
Note: The Automatic (use system settings) option will honor the operating system’s high contrast preferences in Web content. The Off option will show Web content as the content author intended (colors will not be forced). The Custom option allows you to specify your own colors in Web content. See Make reading easier with Firefox's contrast control settings to learn more about Contrast Control settings.
  1. To choose your own colors, select the Custom option and click the Manage Colors… button.
  2. In the window that opens, select your preferred colors for text and background, and for unvisited and visited links.
    Fx138settings-ContrastControlCustomColors

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.

These fine people helped write this article:

Illustration of hands

Volunteer

Grow and share your expertise with others. Answer questions and improve our knowledge base.

Learn More