WordPress.org

Ready to get started?Download WordPress

Forums

Fruitful
[resolved] Overriding fonts in Theme Options (6 posts)

  1. davidleclarke
    Member
    Posted 6 months ago #

    Hi Everyone,

    Just as a note, this is my first post and I'm very new to WordPress, so if I post incorrectly, I apologise in advance!

    I've been working with the Fruitful theme which seems to suit my needs very well. However, I'm looking to add more custom fonts to the theme through Google fonts. However all the methods I've tried to incorporate Google fonts seems to be overridden by element.style, which I assume is controlled through the Theme's options.

    Any advice would be greatly appreciated!

  2. Fruitful Code
    Member
    Theme Author

    Posted 6 months ago #

    To add new fonts you need to modify fruitful-function.php located in ./inc/func/fruitful-function.php

    Google fonts start at line 230

    Add new font to array in same way as other after

    '25' => array(
    			'value' => 	   'Droid Sans, sans-serif',
    			'label' => __( 'Droid Sans, sans-serif', 'fruitful' )
    		)
  3. TtamCharles
    Member
    Posted 5 months ago #

    Is this the ONLY step required to add new Google fonts? I am getting mixed results. Here's what I've got, but it doesn't seem to work for me.

    '25' => array(
    			'value' => 	   'Droid Sans, sans-serif',
    			'label' => __( 'Droid Sans, sans-serif', 'fruitful' )
    		),
                	'26' => array(
    			'value' => 	   'Jolly Lodger, cursive',
    			'label' => __( 'Jolly Lodger, cursive', 'fruitful' )
    		)
    	);

    What other steps are needed?

    Also, what is needed to display a bold or other font weight from a font?

  4. gumjc
    Member
    Posted 4 months ago #

    I am interested in this as well.

    I believe, to answer TtamCharles' question, follow these instructions:

    Once you have edited fruitful-function.php you must then select the desired font from the drop down list as noted here under "Choose font-family": http://themes.fruitfulcode.com/fruitful/how-to/#tabbed-nav12 after following the link "Theme Options" under "Appearance" within the WordPress Dashboard.

    I would like to note that I see that there is also a file entitled "fonts-style.css" in the folder fruitful/inc/css, located directly above the "func" folder containing some of the Google font css information, however I am unsure if that is a necessary requirement for adding new Google fonts.

    -

    My question is in relation to adding new web fonts, those not from Google, but purchased from a third party, such as MyFonts. I am unable to find the correct file to add the css file location to properly reference the new fonts that I have also added in the same manner as mentioned above by Fruitful Code.

    Any assistance would be greatly appreciated.

    Thank you.

  5. Adhila
    Member
    Posted 3 weeks ago #

    @gumjc Hi there - I have the same issue - have you been able to use custom fonts not from Google fonts? Please let me know! :)

    Best,
    Adhila

  6. nadiastruiwigh
    Member
    Posted 3 weeks ago #

    I also have the same issues! Tried it with every solution, but it's just not working. In the previous theme it was working, but now it even shows an other font or not at all... this should be fixed..

    Grtz,
    Nadia

Reply

You must log in to post.

About this Theme

About this Topic