Overriding fonts in Theme Options

  • Resolved davidleclarke

    (@davidleclarke)


    10 years, 2 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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Fruitful Code

    (@fruitfulcode)

    10 years, 2 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' )
		)
    TtamCharles

    (@ttamcharles)

    10 years, 1 month 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?

    gumjc

    (@gumjc)

    10 years 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.

    Adhila

    (@adhila)

    9 years, 8 months 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

    nadiastruiwigh

    (@nadiastruiwigh)

    9 years, 8 months 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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Overriding fonts in Theme Options’ is closed to new replies.