SIFR Débutant: problème d'affichage des polices dans les navigateurs non-flash

Question

Je me demande si quelqu'un peut m'aider avec cela car je suis assez nouveau à siFR et pense qu'il y a quelque chose d'essentiel que je ne comprends pas dans la documentation.

Je réussis en utilisant siFR 3 (r436) pour rendre les polices et cela fonctionne comme je le souhaite. Cependant si j'éteins le flash dans n'importe quel navigateur, le texte html original (plus rendu) s'affiche très mal. Je pensais que dans n'importe quel navigateur non-flash ma feuille de style inital serait référée et non siFR.css et je serais capable d'ajuster le texte html comme une entité séparée. Je pense que j'ai probablement développé cette mauvaise idée parce que je me souviens que dans les versions antérieures de SF, vous deviez faire beaucoup avec les styles sur la feuille de style originale + sifr-config afin d'obtenir les hauteurs/largeurs de ligne correspondantes entre le html et la police rendue. (Je me rends compte que siFR 3 rend le flash d'une manière différente)

Il semble donc que siFR.css contrôle à la fois le texte non-flash et la police rendue.

De toute façon mes questions noob essentielles sont: comment puis-je obtenir le texte html original pour avoir les mêmes dimensions que la police rendue?

Merci pour votre aide

Answer 1

échelles sIFR l'objet flash pour correspondre à la taille de la police d'origine. La limite est que votre taille de texte flash doit être plus grande que le texte original. Utilisez une police flash qui correspond le plus fidèlement possible aux statistiques de la police de votre navigateur. En CSS, vous devez connaître le .sIFR-active. Lorsque vous utilisez:

sIFR.replace(cochin, { 
    selector: 'h1' 
}); 

Tous les éléments <h1> seront remplacés par le texte flash et la classe .sIFR-active est ajouté. Le but est de contrôler le style des éléments lorsque sIFR est actif. En particulier, lorsque sIFR est actif, visibility est défini sur hidden. Lorsque le flash est désactivé, sIFR n'est pas activé mais selon ce que vous avez décrit, vous sembliez avoir écrit des règles CSS qui correspondent uniquement aux éléments de la classe sIFR-active.

Voir sIFR wiki, How to Use et Styling parties.