I'm trying to use custom Adobe Fonts and having installed the Custom Adobe Fonts (Typekit) plugin but unfortunately the fonts from the web project I've setup aren't displaying in the Salient theme options. Having Googled the issue it seems to be an ongoing problem spanning more than 3 years. Please can you advise?
recommends using the Typekit Fonts for WordPress plugin which you say doesn't integrate. I've also tried manually adding the <head> tag from Adobe fonts and adding the Custom CSS but also to no avail.
Assuming the Plugin is adding the relevant css and loading the fonts you need to do
Step 2:
Add PHP Code using Code Snippets Plugin for the Salient Theme Options -> Typography Section Fields.
function salient_redux_custom_fonts() {
return array(
'Custom Fonts' => array(
'Proxima Nova Light' => 'Proxima Nova Light',
'Proxima Nova LightIt' => 'Proxima Nova LightIt',
'Proxima Nova Regular' => 'Proxima Nova Regular',
'Proxima Nova RegularIt' => 'Proxima Nova RegularIt',
'Proxima Nova Semibold' => 'Proxima Nova Semibold',
'Proxima Nova SemiboldIt' => 'Proxima Nova SemiboldIt',
'Proxima Nova Bold' => 'Proxima Nova Bold',
'Proxima Nova BoldIt' => 'Proxima Nova BoldIt'
)
);
}
add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );
Click To Open Larger Image.
Conclusion:
You should be able to now select the Custom Fonts from the Typography Section in the Salient Theme Options .
Hi,
I'm trying to use custom Adobe Fonts and having installed the Custom Adobe Fonts (Typekit) plugin but unfortunately the fonts from the web project I've setup aren't displaying in the Salient theme options. Having Googled the issue it seems to be an ongoing problem spanning more than 3 years. Please can you advise?
Thanks,
Ben
Hey Benjamin Lock,
The plugin does not automatically integrate into the Theme Option Panel however it can be added using some code snippets.
Please have a look at this Article :Add a Custom Font.
Thanks
ThemeNectar Support Team
Hi Tahir,
That article seems to indicate adding the font files to the theme folder which isn't possible with Adobe fonts:
The other link referenced:
https://www.wpbeginner.com/plugins/how-to-add-awesome-typography-in-wordpress-with-typekit/
recommends using the Typekit Fonts for WordPress plugin which you say doesn't integrate.
I've also tried manually adding the <head> tag from Adobe fonts and adding the Custom CSS but also to no avail.
Please can you advise?
Assuming the Plugin is adding the relevant css and loading the fonts you need to do
Step 2:Add PHP Code using Code Snippets Plugin for the Salient Theme Options -> Typography Section Fields.
function salient_redux_custom_fonts() { return array( 'Custom Fonts' => array( 'Proxima Nova Light' => 'Proxima Nova Light', 'Proxima Nova LightIt' => 'Proxima Nova LightIt', 'Proxima Nova Regular' => 'Proxima Nova Regular', 'Proxima Nova RegularIt' => 'Proxima Nova RegularIt', 'Proxima Nova Semibold' => 'Proxima Nova Semibold', 'Proxima Nova SemiboldIt' => 'Proxima Nova SemiboldIt', 'Proxima Nova Bold' => 'Proxima Nova Bold', 'Proxima Nova BoldIt' => 'Proxima Nova BoldIt' ) ); } add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );
Conclusion:You should be able to now select the Custom Fonts from the Typography Section in the Salient Theme Options .
Click To Open Larger Image.Thanks
ThemeNectar Support Team