The Total theme doesn’t include a function for automatically adding custom fonts to your site, this would simply add bulk to the theme that will slow down most people so it’s best left out. That said, as a developer you could easily add a custom font via a child theme – you should always use a child theme anyway!
1. First Add Your Font To Your Child theme or Custom CSS Panel
Below are the condensed steps for adding a custom font to your child theme, this of course assumes you know some basic web development.
- You’ll need to first grab your custom font and if it’s not in @font-face format you will have to format it correctly.
- Create a new folder called “fonts” in your child theme and add your new formatted, web-ready fonts inside.
- Import your new fonts in your child theme’s style.css file or copy and paste into the field at Theme Panel > Custom CSS. Example below:
2. Add Your Font To The Settings
Now you can add the following function to your child theme and tweak it to include your custom font or fonts. This will add it to the Typography options drop-down so you can select it in the theme options and it will output the correct CSS for you – sweet!
You should now see your custom font at the top of the Typography “Font Family” options under a new “Custom Fonts” heading.