Ich habe alle Beiträge gelesen, die ich hier und in den Shopify-Foren finden kann und habe ein paar verschiedene Dinge ausprobiert, aber leider konnte ich mein Problem nicht lösen. Ich entwickle auf einem Shopify Dev Store mit der Shopify Theme Editor App und Sublime Text.
In meinem Shopify-Thema verwende ich @ font-face in meiner styles.css.liquid-Datei, um eine benutzerdefinierte Schriftart zu laden:
%Vor%Ich habe alle aufgelisteten Font-Dateien mit korrekten Dateinamen und Erweiterungen im Ordner 'assets' des Themes.
Ich verwende font-family, um die Schriftart wo nötig zu laden, immer noch in styles.css.liquid, z. B .:
%Vor%Das Problem ist, dass beim Laden der Seite die Schriftart nicht geladen wird. Wenn ich die Seite in den Chrome-Entwicklungstools begutachte, wird mir angezeigt, dass die Schriftartendateien gesucht, aber nicht gefunden werden, z. B .:
%Vor%Die font-Dateien werden auf einer lokalen Seite geladen, und soweit ich das beurteilen kann, sind meine asset_url-Tags korrekt formatiert und die Font-Dateien sind dort, wo sie sein sollten. Der erzeugte Pfad sollte also korrekt sein, aber nicht Es scheint so zu sein. Wenn irgendjemand dazu in der Lage ist, dies zu beleuchten, werde ich ewig dankbar sein! Prost!
Nach zwei Tagen des Zerreißens hörte ich das Problem auf, indem ich die Dateinamen der Schriften änderte und alle Bindestriche löschte. Also ändert sich das @ font-face css von diesem:
%Vor%Dazu:
%Vor%Nachdem ich diese Änderungen an den Font-Dateien und der Datei styles.scss.liquid im Asset-Ordner des Shopify-Designs vorgenommen hatte, wurden die Zeichensätze geladen und erschienen so wie sie sollten.
Ich kann mich nicht erinnern, irgendwo in den Shopify-Dokumenten etwas über Namenskonventionen für Asset-Dateien gelesen zu haben, also hoffentlich spart das jemandem in der Zukunft etwas Zeit!