Adding your own choice of fonts is relatively easy by using Custom CSS function on G5Theme item. All that’s required is uploading a font to your server, then adding it to your theme with a few small snippets of CSS.
Let’s look at how to do it for your WordPress theme as well as an G5Theme item
Step 1: Prepare all your font files
There are many places to find great web fonts for free, just make sure the font you choose has a licence suitable to your needs.
Once you have chosen your new font, you need to download its file. Keep in mind that there are different kinds of font files and they aren’t all compatible across most major browsers (ex: my theme used eot, woff2, woff, ttf, svg)
Step 2: Upload font files to your directory
Once you’ve prepare all your font, it’s a good idea to backup your entire site before making any changes.
Unzip the font packaged file and upload the contents to your theme folder which can be found under this path wp-content\themes\your-theme\assets\fonts (“Fonts” folder to house your file to keep things organized, especially if you plan on adding more than one font)
Step 3: Add Custom CSS
Go to ThemeOptions >> Custom CSS tab on backend, add css below:
src: url('http://your_domain/wp-content/themes/[your_theme]/assets/fonts/your_font_file_name.eot?#iefix') format('embedded-opentype'),
– your_name_font_family: name of font, you can type anything you want (make sure that it don’t duplicate already fonts)
– your_domain: your website URL
– your_font_file_name: they are name of files (which you uploaded to directory font).
Step 4: Save changes
Click “Save Changes” and “Generate Less To CSS”
or click “Save & Generate CSS” button.
After that, you can use style:
font-family: 'your_name_font_family'; any where on your website.
If you have any troubles configuring your website applications with the above settings you can contact the G5Plus Support team by signing up and submit a new topic. We will be glad to assist you.
Thank you very much for choosing G5Theme.