sIFR Text gestreckt / verschwommen in Google Chrome

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

  •  22-09-2019
  •  | 
  •  

Frage

Beantwortet

Die beste Antwort unten war gut für die Prämie, aber Benutzer Aaron Antwort ist die richtige Antwort. Einstellung: 

.sIFR-flash {
width:100%;
}

korrigiert das Problem in Chrome. Leider kann ich nicht meine beste Antwort ändern, wie ich, dass das erraten, wie Bounties Arbeit.

Beantwortet

Ich scheine einige Probleme zu haben mit Chrome speziell Rendering sIFR Text ersetzt gestreckt (und verschwommen) in seinem Flash-Containern. Kein anderer Browser tut dies (sieht gut aus in IE6,7,8, FF, Safari, Opera). Ist dies ein bekannter Fehler / Hat jemand eine Abhilfe haben?

Hier ist ein Beispiel, das Sie auf dieser Seite aussehen: http://uvph.com/

Und hier ist der Code ersetzen: 

// -- 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
});
War es hilfreich?

Lösung

hmmm das ist ein wirklich seltsam. Ich habe einen Testfall von Ihrer Website auf meinen Server hochgeladen und alles funktioniert in Chrom. die viel bessere Alternative zu sifr ist http://cufon.shoqolate.com/generate/ seine viel kleiner und viel schneller, aber man kann den Text auswählen mehr

Andere Tipps

Ich kann nicht verwenden @ font-face als meine Schrift schlecht bettet und ich brauche wählbaren Text. Zur Befestigung der vertikalen Dehnung für meine sIFR in IE9 Ich habe Bildschirmsperre; Höhe: 1.45em; zum .sIFR-flash das schien IE8 passen und Firefox Ich habe auch einen Körper font-size von 70% Es gibt einen zusätzlichen wenig Flackern beim Laden aber das Strecken gestoppt hat.

Ich habe bemerkt, dass die Breite des .sIFR-Flash auf 100% scheint das Problem zu beheben.

Verwenden @ font-face-Eigenschaft von CSS. Es ist nun in allen gängigen Browsern (einschließlich IE und Chrome) unterstützt. http://www.useragentman.com/blog / 2009/09/20 / font-face-in-Tiefe / einen sehr guten Beitrag hat über die Verwendung von @ font-face in allen Browsern und die Seite selbst verwendet benutzerdefinierte Schriftarten. Wert =)

Vor allem: set "forceSingleLine" auf "false". Wenn dies immer noch nicht helfen: überprüfen Sie die CSS-Eigenschaften des Textes Sie gerendert werden soll. (! Nicht die Eltern) Display-Typ des gerenderten Elements selbst sollte „Block“, sonst „width: 100%“ hat keine Auswirkungen auf alle. Die besten Ergebnisse für Chrome kann erreicht werden, wenn sIFR auf ein Blockelement mit fester Breite angewendet wird - aber dieser Ansatz wird nicht immer möglich sein.

Ich vermute, es ist etwas seltsam zwischen Chrome und Flash-Player. Es ist, als ob der Flash-Film nicht richtig skaliert werden. Die Film-Fixes selbst wenn Sie darauf klicken.

Was passiert, wenn Sie setzen sIFR.useDomLoaded = false vor sIFR.activate()?

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top