WebCami’s Toolbox: What’s the Closest Google Font?

If you are like me, Google Fonts is a go-to resources for all websites.  They load on all devices, on mobile and desktop, Mac and PC, are built into most page builders. There is no downside to this.  But clients usually have a style guide with a premium font for their printed materials.  And they may or may  not have that font file.  If they do, you need to use a plugin like Use Any Font or something else to get the font into your website.  If anything renders your plugin inactive, your website fonts will default to New Times Roman.   Talk about a web designer nightmare!

I almost always send a Google Font alternative to my clients and suggest that it be used to promote a more consistent display.  Clients rarely know there is a difference.  Here are three methods I use to find google font alternatives for client font options:

  1.  Google “google font alternative for BLANK” – this will give you results from other websites and you can compare and constrast
  2.  Visit the Font Recommendations and Lists page at Typewolf.  Scroll to alternative fonts.
  3.  Visit Whats the closest Google font page.  This has some basic PC fonts and alternatives to use.

The most important part of any website is that it loads properly.  It’s been my experience that embedding fonts is less stable than using a Google alternative. Sometimes that’s impossible, but many times there is only a minuet difference.

What do you do about custom fonts?  What plugins to you use to embed them?  Do you embed with code in your CSS file?  Please share!


About WebCami

Cami MacNamara has been designing websites since 2002 from her home office in Seattle, Washington. Her career started as a way to be a stay-at-home mom. Certification soon followed and persistence paid off. Cami has designed 500+ websites and wants to share what she learned along the way. Look for her at WordCamp Seattle. Follow: / Twitter / Instagram