1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Safari kriegt lädt eingebundene Fonts nicht

Dieses Thema im Forum "Allgemeines" wurde erstellt von höllbacher.online, 15. Februar 2020.

  1. höllbacher.online

    höllbacher.online Well-Known Member

    Registriert seit:
    19. August 2018
    Beiträge:
    51
    Zustimmungen:
    3
    Hallo,

    habe heute meinen verwendeten Google-Font mit Autoptmizer gelöscht/blockiert und auf meinem Server geladen.
    Chrome und Firefox haben kein Problem, den Font vom Server zu laden. Safari kriegt das weder am Desktop noch in der Mobile-App gebacken.
    Hat da jemand Rat, womit man Safari einladen muss?

    Betrifft https://hoellbacher.online

    Danke schon mal.
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    Eine Reihe von Dateien fehlen an entspr. Stelle auf dem Server, siehe Browser Konsole z.B. auch bei Firefox/Windows.
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  3. höllbacher.online

    höllbacher.online Well-Known Member

    Registriert seit:
    19. August 2018
    Beiträge:
    51
    Zustimmungen:
    3
    Danke für dein Post. Ich kann das nicht nachvollziehen (bin da recht unbeholfen).

    Kann es sein, dass der Browser automatisch im themes/fonts-Ordner sucht? Weil platziert hab ich den font-ordner woanders, und Chrome hat da offensichtlich kein Problem, ihn zu finden?
     
    Christinero gefällt das.
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    Befrage eine Suchmaschine Deiner Wahl, wie Du bei Deinem Browser die sog. Browser Konsole öffnen kannst. Dann kannst Du die Meldungen selbst nachvollziehen.

    Deine Beschreibung enthält leider keinerlei Details, z.B. welche Dateien genau Du in welche Ordner geladen hast, wie diese Dateien in Dein Theme eingebunden wurden oder anhand welcher genauen Anleitung Du vorgegangen bist o.ä.

    Tipp am Rande: Der Hersteller von Autoptimize bietet diverse Supportmöglichkeiten an, wenn man mit dem Plugin nicht zurecht kommt.
     
  5. höllbacher.online

    höllbacher.online Well-Known Member

    Registriert seit:
    19. August 2018
    Beiträge:
    51
    Zustimmungen:
    3
    Ich bin nach dieser Anleitung vorgegangen.
    https://www.mittwald.de/blog/mittwald/howtos/dem-datenschutz-zuliebe-wie-ihr-google-fonts-lokal-in-eure-webseiten-einbindet

    * raleway-300 - latin */
    @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url('hoellbacher.online/wp-content/themes/sydney-child/fonts/raleway-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Raleway Light'), local('Raleway-Light'),
    url('hoellbacher.online/wp-content/themes/sydney-child/fonts/raleway-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('hoellbacher.online/wp-content/themes/sydney-child/fonts/raleway-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('hoellbacher.online/wp-content/themes/sydney-child/fonts/raleway-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('hoellbacher.online/wp-content/themes/sydney-child/fonts/raleway-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('hoellbacher.online/wp-content/themes/sydney-child/fonts/raleway-v14-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */

    Habe fast die gesamte Schriftenfamilie in den entsprechenden Ordner reingeladen und das style.css meine Child-themes entsprechend wie oben ergänzt.
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    Wie bereits beschrieben, eine Reihe von Dateien fehlen an entspr. Stelle auf dem Server. Welche das sind, das kannst Du in #2 oder in der Browser Konsole nachlesen.
     
  7. höllbacher.online

    höllbacher.online Well-Known Member

    Registriert seit:
    19. August 2018
    Beiträge:
    51
    Zustimmungen:
    3
    Danke für deine sogenannte Hilfe.

    Habe das Problem nun selbst lösen können. Jemandem, der sich gut auskennt, hätte es mit ein wenig Interesse sofort erkannt.

    Ich schätze es ja sehr, wenn man hier Hilfe bekommt. Aber auf ein Posting einzugehen, wenn man eigentlich eh keinen Bock hat, ist halt auch nicht sehr fein.
     
    #7 höllbacher.online, 15. Februar 2020
    Zuletzt bearbeitet: 15. Februar 2020
  8. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    Das Problem waren fehlende Dateien auf dem Server.

    Diese fehlenden Dateien sind in #2 aufgelistet.

    Die Lösung war das Hochladen dieser fehlenden Dateien.

    Glückwunsch, dass Du das nun selbst lösen konntest. :)
     
    SirEctor gefällt das.
  9. höllbacher.online

    höllbacher.online Well-Known Member

    Registriert seit:
    19. August 2018
    Beiträge:
    51
    Zustimmungen:
    3
    Das Problem hatte damit nichts zu tun.

    Die Dateien waren ja oben, Chrome und Firefox hatte auch keine Probleme, die Fonts zu finden.
    Allein Safari verlangte fürs CSS den kompletten Pfad – inkl. "https://".

    Die Lösung war eben nicht, vermeintlich fehlende Dateien hochzuladen.
     
  10. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    Das CSS wurde im Verlauf diverse Male verändert, komplette Pfade sind nicht nötig, mit url('fonts/...' sollte auch Safari die Dateien dort laden können, wo sie sich jetzt befinden.
     
  11. höllbacher.online

    höllbacher.online Well-Known Member

    Registriert seit:
    19. August 2018
    Beiträge:
    51
    Zustimmungen:
    3
    Eben: sollte – konjunktiv. Denn Safari wollte nicht.
     
  12. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    Nungut, dann ist das bei Dir wohl ein Spezialfall.

    Bei all den lokalen Einbindungen von Webfonts, die ich in den letzten Jahren umgesetzt habe, war für Safari noch nie ein kompletter Pfad nötig.
     
  13. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Der komplette Pfad ist nötig, wenn der variable Pfad falsch gesetzt wurde.
    Vergleiche das mit dem
     
  14. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.658
    Zustimmungen:
    1.781
    @SirEctor Das CSS auf dem Server wurde im Verlauf diverse Male verändert, zum Zeitpunkt des Logs aus #2 stand da noch überall url('../fonts/rale..

    Ergänzung: Und bei den Pfaden im geposteten CSS-Auszug fehlt das Protokoll, d.h. der ganze Pfad wird als Unterordner und Unterunterordner usw. des Childthemes betrachtet.

    Wie in #10 beschrieben sollte mit url('fonts/...' jeder Browser die Dateien dort laden können, wo sie sich jetzt befinden.
     
    #14 b3317133, 15. Februar 2020
    Zuletzt bearbeitet: 15. Februar 2020
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden