See Your Favorite Website in a Different Font

Published in: Fonts - Web Design

The web designers at Google picked the Arial font for their pages probably because Arial is a very “web safe” font that is installed locally on nearly every computer system. But have you ever wondered how would Google look had their designer team been a little more adventurous and chosen a more beautiful sans-serif font like Helvetica?

change web fonts

Meet FontFonter, a neat online app that lets you change the font styles of your favorite websites with a simple click. Enter a website address, choose which type of fonts (serif or sans-serif or both) you want to replace and then pick a target typeface – you’ve more than 40 different fonts to choose from.

What’s nice about Font Fonter is that while previewing a website in a different font, you can go any levels deep and the pages will still render in the previously selected typeface.

This helps when sites use different styles for the home page and inner pages or when you are a search page and are navigating to a new page that could be using a completely different typeface – your font selection will be preserved during the entire session.

You need Firefox or Chrome to use Font Fonter, it simply won’t work in IE and Opera. FontsLive, another font vendor, also offers a similar preview service where you can again replace the default font styles of a web page with premium web fonts.

Preview Web Pages in Google Fonts

The Font Fonter app is nice but you can preview web pages in a select range of commercial web fonts. However, there’s an awesome Chrome extension as well that will let you change fonts of a web page to any of the Google Web Fonts that are completely free and can be used anywhere without restrictions.

And with the font preview extension, you can not only change the fonts of a web pages but also their size, style and other text attributes. Thank you @SwissMiss for the tip.

Related: Preview your Computer Fonts Online

📮  Subscribe to our Email Newsletter for Google tips and tutorials!
Published in: Fonts - Web Design

Looking for something? Find here!

Meet the Author

Web Geek, Google Developer Expert
Amit Agarwal

Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. He is the developer of Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory

Get in touch

Google Add-ons

Do more with your Gmail and GSuite account

We build bespoke solutions that use the capabilities and the features of Google Workspace for automating business processes and driving work productivity.

  1. Mail Merge with Attachments
    Send personalized email to your Google Contact with a Google Sheet and Gmail
  2. Save Emails and Attachments
    Download email messages and file attachments from Gmail to your Google Drive
  3. Google Forms Email Notifications
    Send email notifications to multiple people when a new Google Form is submitted
  4. Document Studio
    Create beautiful pixel perfect documents merging data from Google Sheets and Google Forms
  5. Creator Studio for Google Slides
    Turn your Google Slides presentations into animated GIFs and videos for uploading to YouTube