Add new Google Font

Theme has over 300+ available fonts already set up for you. But there will always be one font, better than the rest and that, as expected, will not be present. So below you will see how easy it is to add that special font into the list of the available fonts. As an example we are using the “Heebo” font. (Font details here).

To add a new font in the list of available google fonts, please follow these simple steps:
1-Go to file: plugins\elle-framework\admin\inc\fields\typography\googlefonts.html
Find this line:
<option data-google="true" value="Herr Von Muellerhoff">Herr Von Muellerhoff</option>
Add this one right after it:
<option data-google="true" value="Heebo">Heebo</option>

2-Go to this file: plugins\elle-framework\admin\inc\fields\typography\googlefonts.php
Find this line:
"Herr Von Muellerhoff":{"variants":[{"id":"400","name":"Normal 400"}],"subsets":[{"id":"latin","name":"Latin"},{"id":"latin-ext","name":"Latin Extended"}]},
Add this line after it:
"Heedo":{"variants":[{"id":"400","name":"Normal 400"}],"subsets":[{"id":"latin","name":"Latin"},{"id":"latin-ext","name":"Latin Extended"}]},
Save changes and refresh the option panel in your theme admin panel. You will see the new font listed in the General Options > Typography Options > Body Font Style > Font Family, right after “Herr Von Muellerhoff” font.
See screenshot:

That’s it! Enjoy your new font 🙂

Let us know in the comments section if you have any question. Or open a ticket into our support forum.

Was this article helpful?

Related Articles

2 Comments

  1. Is it also possible to add a non-Google font? I have ttf and/or woff files and a stylesheet.css with a @font-face code inside.
    I’ve put the files on the my hosting server(/amos-child/fonts). I tried to add the @font-face rule to the CSS style-sheet on the main theme, but that crashed the theme.
    Is there a better way to do this? Thank you very much!

    1. Mirela

      Hello,

      If you are using a child-theme, then the css should be added in the child theme as well.
      Please try and let us know how it goes.

      Regards!

Leave A Comment?