|
/ Documentation /Spectra One/ Add Custom/Google Fonts In Spectra One

Add Custom/Google Fonts In Spectra One

Adding custom or Google fonts can help you achieve a unique and personalized design for your website.

In this guide, we’ll show you how to integrate Google fonts within your Spectra One theme.

Note: You need to install both the Spectra plugin and Spectra One theme on your website.

How to Add Custom/Google fonts using the Spectra plugin

Spectra offers 1500+ Google font options. To use them:

1. Navigate to Spectra > Dashboard and select “Settings”.

2. Click on Theme Fonts and enable the option “Font Families”.

3. Click on the dropdown arrows to select the font, font style, and font-weight you would like to use on your site.

4. Click on the Add Google Font option once done.

5. Now navigate to Appearance > Editor. 

6. Click anywhere on the editor and choose the Styles tab. Then, click on Typography.

7. Click on typography settings for different elements to see the previously added font family in the spectra dashboard. 

8. Select the newly added custom/google font and click the Save option. 

You’ll be able to see the new custom font applied to your website. Preview your website to verify the changes.

Here’s a video demonstration of the whole process:

That’s it! We hope this guide helped you choose your preferred font.

For any assistance, don’t hesitate to reach out to our support. We’re always here to help!

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.