Hi guys,
Is there quick CSS I can use to change the fonts on these two?
I want to use “Rubik Light”.
Thanks!
Chris
Hey ccyran,
Did you add the font to the theme? http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
Best regards,
Rikard
Hey Rikard,
I tried a few times but I can’t seem to get it right. In this code below, I don’t know what to replace
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘PT Sans Narrow’] = ‘PT Sans Narrow:400,700’;
$fonts[‘PT Sans’] = ‘PT Sans:400,700,400italic,700italic’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘PT Sans’] = ‘PT Sans:400,700,400italic,700italic’;
$fonts[‘PT Sans Narrow’] = ‘PT Sans Narrow:400,700’;
return $fonts;
}
Hi,
Please use the code as following
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Rubik'] = 'Rubik:300,400,500,700';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Rubik'] = 'Rubik:300,400,500,700';
return $fonts;
}
Best regards,
Yigit
Ah I see, I was adding the font in the wrong spot.
Last question! How can I specifically use the light weight of Rubik? In the jpg caption overlay and masonry gallery?
Thanks!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.av-image-caption-overlay-center * {
font-weight: 300!important;
}
Best regards,
Yigit
This was perfect,
Thank you!