Comment ajuster la taille de la police avec Cufon?

Je suis en utilisant une police condensée dans Cufon. Lorsque le chargement de la page, mon menu est trop large et les enveloppements. Puis Cufon remplace la police et il a l'air bien. Pour réduire la distraction visuelle, je veux régler la taille de police, puis ont Cufon modifier la taille de la police lorsqu'il s'affiche.

Actuellement la taille de la police est définie par la div contenant le menu. Voici le CSS pour le menu contenant:

.header_menu_block
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 3px;
    /*margin-left: 238px;  ie 6 can't handle, see margin block below*/
    float: left;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    height: 41px;  
    width: 991px;
}

Le Cufon remplacement code ressemble à ceci:

<script type="text/javascript">
    Cufon.replace('.header_menu_block_col_menu ', 
    { color: '#ffffff', 
      hover: {color: '#204966'}
    } );
</script> 

J'ai essayé de réglage de la CSS taille de la police de 12px puis à l'aide de la suite de Cufon code mais il ne fonctionne pas:

<script type="text/javascript">
    Cufon.replace('.header_menu_block_col_menu ', 
    { color: '#ffffff', 
      hover: {color: '#204966'},
      font-size:'14px'
    } );
</script>

Personne ne sait comment faire cela?

L'autre raison pour cela est de rendre le site regarder à droite lorsque le javascript est désactivé.

OriginalL'auteur user77413 | 2011-02-11