2010-08-05 10 views
1

Je suis en train d'utiliser quelque chose comme ça ...Cufon: problème line-height

.cufon-font-style-1 { font-size:40px; line-height:-20px; } 

il ne fonctionne pas dans IE, FF, Chrome ...

j'ai changé mon Docytype et rien modifié ...

Répondre

0

Vous pouvez utiliser une valeur négative avec la propriété line-height. Jetez un oeil à ce CSS tutoriel

-1

vous venez d'ajouter * line-height pour la hauteur de la ligne et ajuster la hauteur. quand les deux sont dans IE et FF, il suffit de donner le remplissage du conteneur.

0

Selon les recommandations du W3C, des valeurs négatives pour la ligne de hauteur sont illégales:
http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height

Selon Cufon Wiki> Styling
valeurs inférieures à 1,2 (ce qui est généralement la valeur par défaut) se comportent comme si line-height: 1.2 a été mis en .
https://github.com/sorccu/cufon/wiki/styling

Si vous voulez que votre hauteur de la ligne plus petite que 1.2em, vous pourriez avoir à aller dans le fichier de la police et modifier la valeur de la ascent manuellement:

//MyFont_400.js 
... 
"panose-1":"0 0 0 0 0 0 0 0 0 0", 
"ascent":"800", // adjust this value to match your desired line-height 
"descent":"-19" 
...