-
Posts
-
I am having an issue with Work Sans. I want to use the 200 and the 300 but I seem to only be getting the 100 and the 400. I uploaded the Google font for the 300. I also tried the 2 additions to the CSS detailed in this thread:
@import url(‘https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap’);
add_filter( ‘avf_google_heading_font’, ‘avia_add_content_font’);
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Work Sans’] = ‘Open Sans:200,300, 400’;
$fonts[‘Work Sans’] = ‘Open Sans:200,300, 400’;
return $fonts;
}Right now I have selected Work Sans as the heading and body font in General Styling and used Advanced Styling to select the 300 version but I am getting the 100.
Thanks in advance for the guidance.
Hey tiffanytnttobol,
Thank you for the inquiry.
The code above is actually assigning the Open Sans font and its variation to the Work Sans option in the backend. You have to adjust the code a bit.
function avia_font_mod($fonts){ $fonts['Work Sans New'] = 'Work Sans:100,200,300,400,600,700'; return $fonts; } add_filter( 'avf_google_heading_font', 'avia_font_mod'); add_filter( 'avf_google_content_font', 'avia_font_mod');Make sure to select Work Sans New in the font drop down.
Best regards,
Ismaelby the way : Work Sans is one of those nice variable fonts offered by Google.
i do always tranform those ttf to woff2 fonts. See here some infos: https://web.dev/variable-fonts/Thank you for your help. I added that code to the CSS box under General Styling and I am not getting an option in the font dropdown for Work Sans New.
first – the new added fonts are on the bottom of the list – not in alphabetical order!
Now – i guess the filter for the content font is now: avf_available_google_fonts ( since Enfold 4.3 )
btw : i do see on Google now the variable font onlyHi,
@tiffanytnttobo: You have to add the code in the functions.php file.
@Guenni007: In the filter above, we are actually appending or pushing the new font in the end of the array, which is why the new font is located at the bottom of the list. We might be able to adjust the order of the fonts by re-sorting the $fonts array.Best regards,
IsmaelIt was just my intention to mention this here – because many participants say it’s not there because they don’t scroll to the bottom of the dropdown list.
PS : does the old filter still work? have you changed the backward compatible?
that new filters seems to work for both lists ( heading and content)Hi,
Yes, looks like the old filter is still in place within the enfold/framework/php/font-management/class-avia-type-fonts.php file.
/** * Kept for backwards compatibility - will be replaced by next filter */ $fonts = apply_filters('avf_google_heading_font', $fonts ); /** * @since 4.3 * @return array */ $fonts = apply_filters('avf_available_google_fonts', $fonts );Best regards,
Ismael
- You must be logged in to reply to this topic.