How to use fonts from Google

Edited

This article only pertains to users who have access to Appearance Access. If you are interested in gaining Appearance Access to make design changes on your site, please contact your Customer Success Manager or our Support Team.

You can use Google fonts on your BentoBox site. Just follow the steps below to generate a Google font reference, which can be imported into your Theme Options. If you don’t have access to the Appearance Settings, contact support.

  1. Visit Google Fonts and select the font families you want to include on your site. This will add fonts to the drawer at the bottom of your browser. Be sure to add all the weights you need.

  2. Click on the drawer to open it and select "Embed" and "Standard" (this is typically selected by default).

    google-font-copy.png

  3. Copy the bolded text highlighted below Embed Font.

  4. Log in to the BentoBox backend and click on Admin > Appearance in the left-hand sidebar.

    Image_2019-04-09_at_2.27.55_PM.png

  5. Scroll down to the Typography section.

  6. Choose Google from the Type dropdown and paste the font family text that you copied in step 3.

    Image_2019-04-09_at_2.34.06_PM.png