How to change the main font?


Below are two short guides on how to change the main font on the theme. If you are using "Less", please use the second guide, but if you are fine with CSS, use the first one.

 

Using CSS:

1. Open the Google Fonts site and search for the font you want to use instead.

2. Configure the font how need it.

3. Copy the generated URL.

4. Open the "css/style.css" file.

5. Replace the URL of the first imported font.

6. Search for all the "Roboto" font values and replace them with your font's name.

7. Once that's done, please make sure in your HTML file is included the "style.css" instead of "style.min.css".

 

Using LESS:

1. Open the Google Fonts site and search for the font you want to use instead.

2. Configure the font how need it.

3. Copy the generated URL.

4. Open the "less/global/_config.less".

5. Update the imported font URL and the "@font_primary" variable like shown in the screenshot.

6. Complie the "style.less" file.

Tags: change, font, main

Last update:
2016-06-15 11:56
Author:
Vlad Sargu
Revision:
1.0
Average rating:0 (0 Votes)