Tagged: @font-face, main menu
Hi!
I’m using 2 custom fonts with @font-face. It works fine but somehow the main menu is not changing to Frutiger Light. Here is what I have in custom css:
html,body,div,span,applet,object,iframe,p,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
font-family: “FrutigerLTW01-45Light”;
}
h1.av-special-heading-tag, h2.av-special-heading-tag, h3.av-special-heading-tag{
font-family: “Optima nova LT W01 Demi”;
}
Do I have to include a special selector or a universal selector. Everything except the special headings should be in Frutiger Light.
Thanks for your help. Best regards, Tom
Hey yoginthusiast!
Try adding this.
#avia-menu > li > a, #avia-menu > li > a > span.avia-menu-text { font-family: “FrutigerLTW01-45Light” !important; }
If that’s not working then send us a link and we’ll take a look. You can mark your reply as private if you wish.
Best regards,
Elliott
Hi!
You forgot to include the link.
Best regards,
Elliott
Hi!
Your getting some 404 errors on your font files.
http://yourdomain/wp-content/themes/enfold-child/Fonts/722105/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff
Double check that the font files do exist and that there are no typos in your @font-face code.
Cheers!
Elliott
Thank you Elliott. Now it works. Best, Tom