Skip to main content

Connecting Google Fonts to Ricochet

How to connect and use Google Fonts with the Ricochet Web Store

Shandara Hart avatar
Written by Shandara Hart
Updated over 2 weeks ago

Google Fonts is a free application that expands your website's ability to load a series of fonts from a massive collection of over 10,000 typefaces.


Google Fonts Best Practices

It's easy to get carried away with fonts, but every additional typeface can increase loading time, and therefore reduce your SEO score.

Google favors fast-loading websites, especially from a mobile device, so it's best to limit custom fonts. We recommend using no more than two fonts, each with up to two weights.

Simply pick one good display font and one paragraph font. You can do this effectively by using the pre-built filters within Google Fonts.


How to connect and use Google Fonts

  1. Search for a font that matches your style (use the filters to narrow your results)

  2. Click the sample sentence or font name to select the font you like

  3. Click Get Font

  4. Click Get embed code

  5. Copy Code

  6. Go back to Ricochet

  7. Click Online Store

  8. Click Design

  9. Click Styles

    Under Custom Font,

  10. Paste your Google Fonts embed code

  11. Refresh the page

If you want to add more or change your fonts later, just follow the steps again and update the link in the designer. Any old fonts you used will default back to their original state.


Did this answer your question?