Howdy,
I dug around some threads and found that by combining the plugin with some Quick CSS I could get my font to override menu choices:
h1, h2, h3, h4, h5, body{
font-family: Ingra !important;
}
.avia-menu-text {
font-family: Ingra !important;
}
To be honest, I’m really not 100% sure if it’s working for the body and menu, but definitely is for headers. That said, is there a way I can integrate it into the drop down menu choices in General Styling? Ha, my boss is already considering a font change, so you know how it goes.
There’s a link to the site below, and the font in question for your reference is Ingra (https://typekit.com/fonts/ingra)
Thanks!
Hey raisonbrands,
You can only add Google fonts to the menus unfortunately, but if your CSS is working then maybe you could go for that solution?
Best regards,
Rikard
Thanks Rikard,
The one thing that has me a bit worried is that there is detectable lag in font, meaning that you can see the text switch from the default font to the new Adobe Typekit font. Only lasts about a second (just look at the homepage menu bar while hitting refresh), but it’s the type of thing that a client can fixate on.
Any ideas?
Hey!
Yes, I can confirm the issue. Please try to add this css code:
.helvetica-websave {
font-family: Ingra, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif !important;
}
Regards,
Ismael
Thanks Ismael,
Worked like a charm.
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Nikko