How to use Custom Fonts in HaruTheme

[admin]

Hi all customer,

Thanks so much for purchasing & using our products!

In this topic tutorial we’ll help you use Custom Fonts in our theme. By default in our theme will use Google Fonts from Template Library and Redux Framework plugin. You can set fonts for your site in Theme Options -> Typography. Below is step to step to disable Google Fonts & use your own Custom Fonts.

Step 1: Install & active Custom Fonts plugin from Brainstorm Force here: https://wordpress.org/plugins/custom-fonts/

Step 2: Find and download the fonts you want to use to your computer:

Where to find FREE fonts?

• Google Fonts
• Font Squirrel
• Fonts
• MyFonts
• 1001 Free Fonts

Step 3: When you done Step 1 you need go to Appearance -> Custom Fonts to add new fonts you want to use:

Please insert correct Font Name upload correct file types. Font name is very important!

Step 4: After Uploaded Custom Fonts here please go to Theme Options -> Typography to change fonts of your site:

then click Save Changes

Step 5: Almost case after change fonts in Typography will change all fonts of your site. However if have some area not change you need to Enable SCSS Compiler and regenerate custom CSS in Theme Options -> Appearance -> SCSS Compiler:

Please notice to click Save Changes 2 times.

You can read more about SCSS Compiler in this topic: https://harutheme.com/forums/topic/how-to-change-color-scheme-and-typography-in-harutheme/

Step 6: Check the example results:

Before change Fonts:

After change Fonts:

Thanks so much for reading!

*****
Best regards,

HaruTheme

[Author]

Posts