Tagged: @font-face, main menu
-
AuthorPosts
-
November 20, 2014 at 6:23 pm #354359
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
November 21, 2014 at 12:20 am #354680Hey 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,
ElliottNovember 21, 2014 at 11:46 am #355026This reply has been marked as private.November 21, 2014 at 9:16 pm #355571Hi!
You forgot to include the link.
Best regards,
ElliottNovember 21, 2014 at 9:26 pm #355580This reply has been marked as private.November 22, 2014 at 7:34 pm #355984Hi!
Your getting some 404 errors on your font files.
http://yourdomain/wp-content/themes/enfold-child/Fonts/722105/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woffDouble check that the font files do exist and that there are no typos in your @font-face code.
Cheers!
ElliottNovember 22, 2014 at 9:34 pm #356025Thank you Elliott. Now it works. Best, Tom
-
AuthorPosts
- The topic ‘@font-face for main menu’ is closed to new replies.
