Change font in Triton Lite menu

  • Unknown's avatar
    fmayer01 · Member ·

    Hi :)

    Im using Triton Lite theme and i would like to change the font.of the menu

    I want to use a font that is uploaded in my site.

    Changed the name of a font to mayer.ttf, uploaded it to my site

    http://mayer.hostei.com/fm/mayer.ttf

    I saw this in the internet :

    @font-face {
    font-family: Museo300;
    src: local(‘Museo300-Regular’),
    url(“fonts/Museo300-Regular.ttf”) format(‘truetype’);
    font-weight: normal;
    }

    .post-item {font-family: Museo300}

    and i changed it to:

    @font-face {
    font-family: mayer;
    src: local(‘mayer’),
    url(“http://mayer.hostei.com/fm/mayer.ttf”) format(‘truetype’);
    font-weight: normal;
    }

    Where do i insert this in the menu code below?????

    .post-item {font-family: mayer}

    This is the code of the menu

    /*TOPMENU*/
    #menu_wrap{ width:80%; float:left; position:relative;}
    #topmenu{ width:83%; float:left;}
    #topmenu ul{ margin:0; padding:0; position:relative;}
    #topmenu ul li{ float:left; list-style-type:none; margin:10px; padding:5px;}
    #topmenu ul li a{ display:block; text-decoration:none; color:#777; font-size:12px; text-transform:uppercase;}
    #topmenu ul li a:hover{ color:#fff;}

    #topmenu ul .current-menu-item a{ color:#fff;}
    #topmenu ul .current-menu-item ul li{ background:#1e1e1e;padding:1px 0px;}
    #topmenu ul .current-menu-item ul li a{ padding:4px; background:none;color:#fff;}
    #topmenu ul .current-menu-parent ul .current-menu-item{background:#3e3e3e repeat;}
    #topmenu ul .current-menu-parent ul .current-menu-item a{ padding:4px; background:none;}
    #topmenu ul .current-menu-parent ul .current-menu-item ul .menu-item a{ padding:4px;}
    #topmenu ul .current-menu-item .current-menu-item .sub-menu li a{ padding:4px;background:none;}

    #topmenu ul li ul{ position:absolute;width:120px; z-index:999999; display:none; padding-left:0; margin-left:-10px;padding-top:15px;}
    #topmenu ul li ul li{ float:none; margin:0; padding:1px 0px; text-align:center; background:#1e1e1e ; display:block; border-bottom: 1px solid #333;}
    #topmenu ul li ul li a{ color:#fff; font-size:12px; font-weight:normal; padding:4px;}

    #topmenu ul li ul li a:hover, #topmenu ul li .sub-menu .current-menu-item a:hover{ background:#f6f6f6; color:#333; }
    #topmenu ul li ul li ul{left: 100%; margin-top:-24px; float:none; margin-left:0px; display:none;}

    Please, please help!!!

  • Unknown's avatar
    timethief · Member ·

    You are posting to the wrong support forum. We cannot help you here at WordPress.com with that site as it’s not being hosted by WordPress.com and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/
    WordPress.com vs WordPress.org: The Differences
    http://support.wordpress.com/com-vs-org/
    Best wishes with your site.

  • The topic ‘Change font in Triton Lite menu’ is closed to new replies.