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

Was this article helpful?

Sorry about that! Care to tell us more?

Thanks for the feedback!

There was an issue submitting your feedback
Please check your connection and try again.