It’s always nice to have versatility when using the web, and this is especially true when it comes to fonts. Sometimes a website can have a font that is nearly unreadable, or is so annoying it may just give you a headache. Other times, webmasters just have bad font-taste.
Whatever the reason, it’s completely possible to customize the font when viewing websites in both Firefox and Chrome. No longer do you have to suffer through a terrible font, especially on a website with a lot of reading material. Customizing fonts in these browsers is completely easy to do as well, and can be done with a click of a button.
Our guide will outline how to view websites in a custom font in both Firefox and Chrome.
Using Custom Fonts in Firefox
Changing the font in Firefox is brilliantly easy. Unlike other browsers, Firefox includes the option to allow any customized font directly from its “Options” menu. If the font is installed on your PC, it will be listed right in this menu. It can’t get any easier.
To access this menu, go to the “Main Menu” in Firefox, then “Options” and select “Options” once more from the sub-menu that pops up.
Next, the “Options dialog box” will load and the “Content” tab will be displayed by default, which is a good thing because this is the area you need to access in order to customize fonts.
From here, you will see “Fonts & Colors.” Click the drop-down menu to select any of the fonts.
Remember, if it’s installed on your computer it should be available from this menu. You can also edit the font size and the color of the font, which can come in handy for those with serious eye problems. Simply changing the font in this area, however, isn’t the only thing that needs to be done.
It’s also necessary to “change an Advanced setting” in order to force all websites to accept the font change. After selecting the font you want, click the “Advanced” button located right next to font size. In the next dialog box, uncheck the box that says, “Allow pages to choose their own fonts, instead of my selections above.”
Here is an example of the Century Gothic font used on the Huffington Post website.
Changing the font in Firefox, however, can sometimes lead to page layouts changing because the change in font size or the type is too different. Also, icons can sometimes have trouble displaying correctly when the font is changed.
If the changes are too much and you quickly want to revert to the default font of a particular website, the Document Font Toggle extension for Firefox can do exactly that. After installing it, an icon is added to the toolbar in Firefox. Just click the button to revert to the original font. Note: It is not available for Firefox 28.0.
Check it out: Document Font Toggle
Using Custom Fonts in Chrome
For Chrome users, changing the font is just as easy and there are two options. The first, quicker option is built into Chrome. To access this, go to “Settings” from the main menu. When “Settings” loads in a new tab, scroll to the bottom of the section and click “Show advanced settings.” In “Advanced Settings,” find the “Web content” section and then select “Customize fonts.”
When you do, a dialog box will load offering three different menus for which to choose fonts – “Standard font, Serif font and Sans-serif font.” Under each font type is a drop-down menu offering dozens of fonts to choose from.
As it was with Firefox if the font is installed on your computer the font should be available in one of these menus in Chrome as well. Also, make sure to click “Done” to save your font choice.
If you’d rather use an “app to switch fonts in Chrome,” this is possible with the “Font Changer with Google Web Fonts” app. This app will let you change the font of any website and it comes with 500 different fonts, including the beautiful web-friendly fonts from Google Fonts. To get this extension, download it here.
When you install this extension, it will add a button to your toolbar that you can just click and select a font from. Make sure to select “Custom Font” from the drop-down menu at the top as well to activate customized font settings for the site you’re on.
It can be liberating changing the font of websites, not to mention a great way to prevent long-term eye damage for anyone who uses the computer for long periods. Try experimenting with different sizes and types of fonts to find the best one for your eyes, and make sure to use it often.
For more information on customized fonts, check out our post – FontPro Makes Choosing the Best Fonts for Web and PC Use Easy.