• hi,
    i try to get a cufon font into my menu
    i managed to get it as h1, h2 and so, no problem, but it doesnt show up in menu, which is defined as:

    font-family: arial;

    i tried to change it into:

    font-style:h1;

    but nothing happens…?
    s.

Viewing 9 replies - 1 through 9 (of 9 total)
  • What menu are you referring to?

    Thread Starter stephanie_2

    (@stephanie_2)

    hi, thanks for answering.
    i use the 2.9 wp with additional menu plugin, pretty the same as in 3.0 included
    further i have a menu css formatting in the css
    and additional script in head of header.php

    Thread Starter stephanie_2

    (@stephanie_2)

    i temporyry solved the problem by a trick:
    i made a <h2>tag within the menu system title, ..worx but, not great solution…
    https://www.floetenensemble.de/

    The H1 in your CSS is a mistake.

    #menu li a {
    ...
    font-style: H1

    Try calling the menu ID and ul li in the cufon call in your header

    Cufon.replace('h1, h2, h3, h4', { fontFamily: 'Magic Cards' });

    Thread Starter stephanie_2

    (@stephanie_2)

    thanks, but i have that already, but works only for the content h1 and h2 text, not for the menu, which has this css:

    /* Menu */
    
    #menu {
    	background:none;
    	margin:38px 0px 0px 0px; /* Some top spacing */
    	list-style:none;
    	float:left;
    	font-size: 16px;
    }
    
    	#menu li {
    		list-style:none;
    		float:left;
                    //font-style: H2;
    		padding-bottom:8px;
    	}
    		#menu li a {
    			color:#999999;
    			text-decoration:none;
    			margin-right:40px; /* Spacing between menu items */
                            font-family: Arial;
    			//font-style: H1;
                            //font-family: Magic Cards;
    			font-weight:bold;
    			position:relative;
    			z-index:888;
    			padding-bottom:20px;
    		}
    		#menu li a:hover, #menu li a.active {
    			color:#ba8d00;
    			//background:url("../images/icons/menu_hover.png") no-repeat center 22px;
    		}
    		#menu li a.submenu {
    			background:url("../images/icons/submenu.png") no-repeat center 19px;
    		}
    		#menu .submenu:hover, #menu .submenu.active {
    			background:url("../images/icons/submenu_hover.png") no-repeat center 22px;
    		}
    
    		/* Submenus */
    
    		#menu li ul {
    		   display: none; /* Not displayed, they appear on mouse hover */
    		}
    		#menu li:hover ul, #menu li.hover ul {
    		   position: absolute;
    		   display: inline; /* Inline positionning */
    		   left: 0;
    		   width: 100%;
    		   margin:0px 10px;
    		   padding: 40px 0;
    		   top:40px;
    		}
    		#menu li:hover li a, #menu li.hover li a {
    		   color: #999999;
    		   font-size:12px;
    		   margin-right:20px;
    		  // background:url("../images/icons/bullet_menu.png") no-repeat left top;
    		   padding-left:15px;
    		}
    		#menu li li a:hover {
    		   color: #2B2B2B;
    		   background:url("../images/icons/bullet_menu_hover.png") no-repeat left top;
    		}

    this arial i took out and you still see what i tried…

    cufon font works only for (h1-h6) HTML tags.
    [EDIT]
    For testing purpose write
    <li><h1>Your menu name</h1></li>
    Then it will be work.

    Thread Starter stephanie_2

    (@stephanie_2)

    thanks! ..but where do i have to write that?

    Why doesn’t this work? Cufon does support other selectors.

    Cufon.replace('#menu ul li > a', { fontFamily: 'Magic Cards' });

    Thread Starter stephanie_2

    (@stephanie_2)

    i’ll check this tomorrow, have to go now.
    thank you so much!!!!
    s.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘get cufon font into menu’ is closed to new replies.