Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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

    #354680

    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

    #355026
    This reply has been marked as private.
    #355571

    Hi!

    You forgot to include the link.

    Best regards,
    Elliott

    #355580
    This reply has been marked as private.
    #355984

    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

    #356025

    Thank you Elliott. Now it works. Best, Tom

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘@font-face for main menu’ is closed to new replies.