Gestern musste ich mit Erschrecken feststellen, das Texte meiner WordPress Webseite in Google Chrome nicht angezeigt wurden bzw. gar nicht sichtbar waren. In den meisten Fällen trat dieses Problem aber nur auf der Startseite auf und betraf nur die Titel der einzelnen Beiträge.
Heute wollte ich mich dann auf die Suche nach einer funktionierenden Lösung für das Problem machen. Zuvor wollte ich aber die Webseite erneut mit allen Browsern testen. Zu meiner Überraschung lief die Seite aber wieder problemlos unter Google Chrome und ich erklärte dieses Problem vorerst für abgehakt.
Gegen 16 Uhr erreichte mich dann eine Email von einem meiner Besucher dem offensichtlich das gleiche Problem auf meiner Webseite aufgefallen ist. An dieser Stellen ein herzlichen Dank an Christian der mich nicht nur über den Bug informierte, sondern gleich noch einen Screenshot meiner Webseite und einen Lösungsansatz übersendete. Ich glaube bessere Besucher kann man sich nicht vorstellen.
Ohne diese Information hätte ich den Fehler sicherlich erst einmal wieder vergessen. Laut Screenshot von Christian scheint es nicht nur die von mir vermuteten Titel meiner Webseite zu betreffen, sondern den gesamten Content einzelner Beiträge. Dies war sehr ärgerlich und ich wollte mir erst gar nicht vorstellen wieviele Besucher mir dabei verloren gegangen sind. Doch Christian teilte mir mit, das Problem auf seiner Webseite gehabt zu haben und verwies mich auch ein Google Forum wo dieses Problem bereits im Januar 2014 thematisiert wurde.
Immer noch erfreut über derart engagierte Besucher habe ich meine Webseite dann erneut getestet. Bei einem Klick auf die Startseite schien alles problemlos zu funktionieren. Klickte ich dann aber auf Refresh (Aktualisieren – F5) der Webseite, verschwanden die Titel erneut. Auf einzelnen Artikeln konnte ich dieses Problem aber nach wie vor nicht wie im übersendeten Screenshot feststellen.
[adrotate group=“1″]
Wie bereits von Christian erwähnt vermutete auch ich zuerst einen Chrome Bug. Das dieser seit Januar nicht behoben wurde konnte ich mir jedoch nicht vorstellen.
Chrome Bug – Keine Texte (Schriftfehler)
Lösung 1:
Christian konnte das Problem auf seiner Webseite mit folgendem css-Code lösen:
{
-webkit-animation-duration: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix{
from{ opacity: 1; }
to{ opacity: 1; }}
Lösung 2:
Auf meiner Webseite zeigte dies jedoch keinerlei Wirkung und ich kam nicht drum herum nach einer anderen Lösung zu suchen. Wie sich herausstellte, verursachte ein Script meiner Webseite das Problem wodurch die Schriften nicht korrekt angezeigt wurden bzw. nicht sichbar waren.
Dies war in meinem Fall die Javascript-Datei „jquery.fitvids.js“. Nachdem ich dann eine neuere Version der Datei jquery.fitvids.js heruntergeladen und auf meinen Server kopiert hatte war das Problem gelöst.
Ich hoffe mit diesem Beitrag konnte ich dank Christian´s Unterstützung auch anderen bei diesem Darstellungsproblem unter Google weiterhelfen. Solltet ihr Fragen haben oder weitere Bugs kennen, könnt ihr gerne ein Kommentar hinterlassen.
[adrotate group=“3″]
