Clarify the loading of custom Google Fonts

on former days of enfold i added my Custom Google Fonts as in : http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/

if you goto Google and look what Font you like ( btw. they give on choosing one of them “Popular Pairings with Font” on left bottom)
You get the embed code f.e. from @import rule

<style>
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i';
</style>

i don’t know if this was with old version of Google Fonts so but these little Plus Sign in between the Font name are not usefull for us.

Remove it in your code when adding it via child-theme functions.php

So code from @import rule above is than:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Playfair Display'] = 'Playfair Display:400,400i,700,700i';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Playfair Display'] = 'Playfair Display:400,400i,700,700i';
return $fonts;
}

it is important to get rid of that Plus Sign – otherwise the Font is seen in Options Dialog of Enfold but not on your Frontend !
I thought in former times i did it with plus – but i must see that now this does not work anymore