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
Vous devez vous connecter pour publier un commentaire.
Vous pouvez essayer d'utiliser la méthode set (). Je trouve que cela fonctionne.
Bien que le manuel explicitement suggère de ne pas utiliser la taille de police.
https://github.com/sorccu/cufon/wiki/API
Alors que j'apprécie cela a été demandé il y a 6 mois, je suis tombé sur cette question, à la recherche de quelque chose de semblable et pensé qu'il peut être intéressant de répondre encore.
<script type="text/javascript"> Cufon.set('fontSize', '14px').replace('.selector'); </script>
J'ai eu plusieurs instances de cufon remplacer et nécessaire de spécifier la taille de la police des modifications uniquement sur l'un d'eux (d'où le css était inefficace) avec
Cufon.replace('#my_div p', { fontFamily: 'MyFont', fontSize:'18px' });
, sinon tous les cufon instances ont été effectués.OriginalL'auteur Ben Swinburne
Laissez-moi deviner, vous ne voyez jamais la sous-jacentes de la police dans la non-IE navigateurs, droit? Le non-cufon apparaît brièvement d'abord dans IE? J'ai été aux prises avec le même problème et je l'ai résolu en ayant la div avec le texte de fondu dans l'affichage avec jQuery. Le temps de fondu peuvent être configurés pour s'afficher très vite: 200ms dans cet exemple, je pense que vous pouvez le rendre fade-in encore plus vite.
N'oubliez pas de mettre le CSS pour que le div en display:none pour le fondu au travail...
Bien sûr, si votre lecteur a Javascript désactivé, rien ne semble--mais quel est le pourcentage de visiteurs à votre site web ont js désactivé?
Et, inquiet au sujet de votre classement Google avec display:none? Lire plus sur Google Groupes.
OriginalL'auteur ian_6500
Je l'ai fait changer mon css comme ci-dessous
.cufon-active h1 { /* pour Cufon.replace('h1') */
font-size: 3em;
color: #FF0000;
}
Espère que cette aide.
OriginalL'auteur felipekm