texte sIFR étiré / flou dans Google Chrome

StackOverflow https://stackoverflow.com/questions/1978630

  •  22-09-2019
  •  | 
  •  

Question

Answered

La meilleure réponse ci-dessous était bon pour la prime, mais la réponse de l'utilisateur Aaron est la bonne réponse. Cadre: 

.sIFR-flash {
width:100%;
}

le problème est résolu dans Chrome. Malheureusement, je ne peux pas changer ma meilleure réponse que je pense que c'est comment fonctionnent les générosités.

Answered

Je semble avoir quelques problèmes avec Chrome rendu spécifiquement texte remplacé sIFR étendu (et floue) dans son récipient flash. Aucun autre navigateur fait cela (semble bon dans IE6,7,8, FF, Safari, Opera). Est-ce un bug connu / Quelqu'un at-il une solution de contournement?

Voici un exemple que vous pouvez consulter sur ce site: http://uvph.com/

Et voici le code remplacer: 

// -- configure sifr
var futura = { src: '/swf/bfuturah.swf' };

sIFR.activate(futura);

sIFR.replace(futura, {
    css: [
        '.sIFR-root { background-color:transparent; color: #999999; font-size:24px; text-transform:uppercase; }'
    ],
    fitExactly      : true,
    forceClear      : true,
    forceSingleLine : true,
    selector        : 'h2',
    transparent     : true
});
Était-ce utile?

La solution

hmmm c'est un vraiment étrange. Je l'ai téléchargé un testcase de votre site à mon serveur et tout fonctionne très bien en chrome. la meilleure alternative à SIFR est http://cufon.shoqolate.com/generate/ son bien plus petit et beaucoup plus rapide, mais vous ne pouvez pas sélectionner plus le texte

Autres conseils

Je ne peux pas utiliser comme ma police intègre mal et j'ai besoin texte sélectionnable @ font-face. Pour corriger l'étirement vertical pour mon sIFR dans IE9 J'ai ajouté bloc de visualisation; hauteur: 1.45em; à la .sIFR flash qui semblait correspondre à IE8 et Firefox J'ai aussi utilisé un corps taille de police de 70% Il donne un scintillement supplémentaire pendant le chargement, mais l'étirement est arrêté.

J'ai remarqué que le réglage de la largeur de .sIFR flash à 100% semble corriger le problème.

Utilisez @ font-face propriété de CSS. Il est désormais pris en charge dans tous les navigateurs populaires (y compris IE et Chrome). http://www.useragentman.com/blog / 2009/09/20 / font-face en profondeur / a un très bon post sur l'utilisation font-face @ sur tous les navigateurs et la page elle-même utilise des polices personnalisées. Vaut la peine =)

Tout d'abord: set "forceSingleLine" à "false". Si cela ne permet pas: vérifier les propriétés CSS du texte que vous souhaitez être rendu. (Non parent) Affichage du type de l'élément lui-même doit être rendu « bloc », sinon « width: 100% » n'a pas d'effet du tout. Les meilleurs résultats pour Chrome peuvent être atteints que si sIFR est appliquée à un élément de bloc avec une largeur fixe - mais cette approche ne sera pas toujours possible.

Je soupçonne que quelque chose d'étrange entre Chrome et le lecteur Flash. Il est comme si le film Flash est mis à l'échelle de manière incorrecte. Le film se fixe lorsque vous cliquez dessus.

Que faire si vous définissez sIFR.useDomLoaded = false avant sIFR.activate()?

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top