Laden der Seite: Schrift erscheint kurz, verschwindet dann wieder, bis sie endgültig geladen ist

  • Hallo,
    Ich habe das Problem, daß beim Laden der Webseite ganz kurz die Schrift (Lato 400) erscheint, dann aber wieder verschwindet, bis sie dann nach einiger Verzögerung vollständig geladen wird.

    Ich habe das Plugin OMGF installiert und darüber die verwendeten Google Fonts lokal eingebunden. Unter der Rubrik "Preload" in diesem Plugin habe ich die über dem Falz verwendete Schrift "Lato 400" angeklickt. Der Ladevorgang ist leider unverändert. Darüberhinaus erhalte ich dann bei den verwendeten Schriften die Fehler "404" bzw. "font blocked by CORS policy", wenn ich die Seite über Lighthouse analysieren lasse.

    Wenn ich den "Preload" der Schrift wieder ausstelle, verschwinden die Fehlermeldungen, aber beim Laden der Schrift ändert sich nichts.

    Auf dieser Seite fällt es besonders stark auf:
    https://zeroclamp.com/nullpunktspannsystem/

    Hat jemand eine Idee, woran das liegen kann?

    Wäre dankbar für eine Idee.
    Grüße
    Merida

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die Webseite enthält Verweise zu Schriftarten, die nicht unter den angegebenen URLs existieren.

    Code
    https://zeroclamp.com/wp-content/themes/spacious-child/style.css?ver=6.0


    enthält z.B.

    Code
    url('../fonts/lato-v20-latin-regular.woff2') format('woff2')


    was diese URL ergibt

    Code
    https://zeroclamp.com/wp-content/themes/fonts/lato-v20-latin-regular.woff2


    und die ergibt einen 404 Fehler, die Datei exisitiert nicht an dieser Stelle. Moderne Browser versuchen dann als Fallback noch die auch dort angegebenen .woff bzw. .ttf URLs, die aber auch einen 404 Fehler ergeben und ähnlich nochmal für die italic Varianten der Schriftart, das dauert seine Zeit.

    Es sieht so aus, als wäre vor bzw. zusätzlich zum OMGF Plugin versucht worden, Google Webfonts selbst manuell lokal zu hosten, was aber nicht richtig geklappt hat.

    Entferne den /* Einbindung des Google-Fonts lato */ Codeblock aus [FONT=Courier New]style.css[/FONT] des Child Themes.

    7 Mal editiert, zuletzt von b3317133 (8. Februar 2023 um 18:31)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!