Okay
  Print

How to Add New Fonts to Isida Theme

Isida allows you to use both Google Fonts and custom fonts in your design. In order to navigate to the font settings, go to Appearance ->Customize -> Fonts Settings.

 


 

Your theme can load up to 3 different font families, including different styles and weights for each typeface.

 

How to Add a New Google Font

 

In order to add a new font, go to Appearance -> Customize -> Fonts Settings -> Load Fonts.

 

You'll find there settings for each of the 3 font families available.

 

Fill out the font name, family and styles. If needed, make sure to double check the font details in the Google Fonts repository.

 


 After filling out the details, click 'Save & Publish' and hit the F5 key to refresh the page.

 Now your font is available in your font settings. Navigate to the element you want to customize, and select the newly added typeface from the dropdown list.

 

Adding a Custom Font

Note: We recommend using child themes when making adjustments to the core theme files. If you decide to use a child theme, copy the edited files into the child theme folder, preserving the original folder structure.

  1. Go to css/font-face/ and create a new folder with the name of your font.
  2. The folder has to contain a @font-face kit, which would load your custom font on a webpage.

 The easiest way to create it is by using a font face kit generator, such as Font Squirrel Generator (visit our tutorial to see how to use it).

     3. Extract the generated archive into /css/font-face/your-font-name.

 Important! Make sure that the name of your folder corresponds with the font-family value in the stylesheet.css. If the folder name contains spaces, replace them with dashes '-'.

     4. Go to Appearance -> Customize -> Fonts Settings -> Load Fonts and add your font as described in the first part of this article.