Tagged: font, fontello, google font, icon
-
AuthorPosts
-
June 4, 2014 at 11:17 pm #274849
Hi,
1. I would like to add an fontello envelope icon to the top bar just besides the telephone icon. However I can’t help myself: this is the code in order to show the phone icon:
<span class=”avia_button_icon” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>787866455what would be the right code in order to show an envelope instead of the telephone icon?
2. I would also like to add the “Playfair Display” google font to the theme. How can I do that the best way?
Many Thanks in advance.
Best
AlecJune 5, 2014 at 2:22 am #274889Hey zero1media!
For the phone/secondary text field in the header you can add the html directly to the field.
You can add additional google fonts with the functions here: https://kriesi.at/support/topic/new-custom-font/#post-121900
Regards,
DevinJune 5, 2014 at 11:35 am #275055Hi Devin,
thanks for the swift reply.
I figured out question #2. however for #1 I think you misunderstood me.
The code I showed meant above (<span class=”avia_button_icon” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>787866455) is showing a phone icon….but I would need an envelope icon.
Meaning that I assume that in data-av_icon=”” the is the code for the phone. What would be the right one for an envelope?
Thanks
AlecJune 5, 2014 at 12:00 pm #275065one more thing regarding question 1.
I entered the following code just below if(isset($avia_config[‘use_child_theme_functions_only’])) return;
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Playfair+Display’] = ‘Playfair+Display’;
return $fonts;
}add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Playfair+Display’] = ‘Playfair+Display’;
return $fonts;
}It does show me the font in the enfold settings….however when the font is chosen the theme is rendering the default font but not the selected Playfair Display font…what did I do wrong?
Thx
AlecJune 6, 2014 at 6:28 am #275460Hi!
Thank you for using the theme!
Please edit functions.php, find this code on line 16:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font'); function avia_add_heading_font($fonts) { $fonts['Playfair Display'] = 'Playfair Display'; return $fonts; } add_filter( 'avf_google_content_font', 'avia_add_content_font'); function avia_add_content_font($fonts) { $fonts['Playfair Display'] = 'Playfair Display'; return $fonts; }
You’ll see the Playfair Display font at the very bottom of the heading font selection.
Cheers!
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.