Cufon und Shadowbox – Abhilfe, wenn es bei Wordpress ruckelt

Geschrieben von: Webdesigner aus Berlin

Es ist ja ganz schick, Webseiten mit anderen Schriftarten als den bekannten zu gestalten – Arial, Verdana & Co hat man sich nun doch langsam „übersehen“. Ein Weg dazu ist es, die Schrift mit JavaScript zu ändern. Hier wiederum nutze ich sehr gerne „Cufon“.

Allerdings kann das so seine Tücken haben. Ich habe z.B. in einem Wordpress-Blog mit dem „All in one Cufon“-Plugin das Problem gehabt, dass die Texte zunächst normal geladen wurden und erst dann in die neue Schriftart umgewandelt wurden. Das führte dazu, dass der Aufbau der Seite sehr ruckelig erfolgte.

Cufon verträgt sich nicht mit der Shadowbox

Das Problem war, dass ich in diesem Blog auch die Shadowbox genutzt habe. Diese verzögerte irgendwie das Cufon-Javascript. Abhilfe schuf ein einfacher Trick:

In die Template-Datei footer.php habe ich einfach folgenden Code-Schnipsel vor das gesetzt:


<script type="text/javascript">
Cufon.now();
</script>

Das lässt Cufon ausführen, bevor die anderen, im Footer definierten JavaScripte ausgeführt werden. Nun war dann auch Schluss mit dem „Ruckeln“.

  • Share/Bookmark
Admin:

Dieser Artikel wurde am 22. Februar 2011 in der Kategorie Kreatives und sonstiges, Wordpress veröffentlicht.

Themen: > >

1 Kommentar »

  1. Eben auf einer Wordpress 3.2 Installation mit Theme “Clear Blog Theme” getestet. Alle Schriftarten brauchen wenigstens 5 Sekunden, bevor sie durch cufon ersetzt werden. Ist das auch wegen Shadowbox? Ich hab cufon jetzt ausgeschaltet, Google WebFonts sind zuverlässiger, einfacher und deutlich weniger ladezeitenintensiv.

    Kommentar von ff-webdesigner — 24. August 2011 @ 12:33

RSS-Feed für Kommentare zu diesem Artikel. TrackBack-URL

Einen Kommentar hinterlassen

Sie benutzen leider einen veralteten Browser, den Internet Explorer 6. Da dieser extrem viele Macken hat und sogar von Microsoft selbst nicht mehr unterstützt wird, habe ich mich entschlossen, meinen Blog nicht mehr auf den IE6 zu optimieren. Bitte besuchen Sie diese Seite wieder mit einem moderneren Browser.