Webfonts selbst hosten funktioniert nicht

  • Hallo,

    ich habe versucht die Webfonts selbst zu hosten und die Anleitung unter https://docs.zeta-producer.com/webfonts-selbst-hosten.html ganz korrekt verfolgt. Die Fonts sind auch an der richtigen Stelle gespeichert und die CSS habe ich hinzugefügt (siehe unten). Trotzdem bekomme ich die Schrift nicht geladen. Weiß jemanden warum?

    Ich habe die Website mit der Änderung noch nicht hochgeladen, da ich nicht weiß, ob das Problem gelöst werden kann.


    <style>

    }

    /* cabin-condensed-regular - latin */

    @font-face {

    font-family: 'Cabin Condensed';

    font-style: normal;

    font-weight: 400;

    src: url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */

    src: local('Cabin Condensed'), local('Cabin-Condensed')

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.svg#CabinCondensed') format('svg'); /* Legacy iOS */

    }

    /* cabin-condensed-700 - latin */

    @font-face {

    font-family: 'Cabin Condensed';

    font-style: normal;

    font-weight: 700;

    src: url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */

    src: local('Cabin Condensed'), local('Cabin-Condensed')

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.svg#CabinCondensed') format('svg'); /* Legacy iOS */

    }

    </style>

  • Hallo, wie gesagt, die Website mit der Änderung habe ich noch nicht gespeichert... online steht noch die Version ohne selbst hosted Webfonts.

  • Ohne das online zu sehen, können wir auch nur spekulieren.

    Was mir aufgefallen ist, dass das CSS nicht den Code für moderne Browser verwendet.

    Siehe Anleitung "2. Font-Dateien downloaden und CSS einbinden" Punkt 4.

    Evtl. hilft es mal die Tastenkombi "Strg+Shift+T" zu drücken.

    Und dann die Website komplett erstellen lassen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo,

    ich den Code für moderne Browser jetzt hinzugefügt (siehe unten), und auch Strg+Shift+T gedrückt... aber es bleiben die standard Fonts ;(

    /* cabin-condensed-regular - latin */

    @font-face {

    font-family: 'Cabin Condensed';

    font-style: normal;

    font-weight: 400;

    src: local('Cabin Condensed'),

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

    }

    /* cabin-condensed-700 - latin */

    @font-face {

    font-family: 'Cabin Condensed';

    font-style: normal;

    font-weight: 700;

    src: local('Cabin Condensed'),

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

    url('<$=page.pathToRoot$>media/files/webfonts/cabin-condensed-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

    }

  • Hallo @DEERBRANDS,

    Ich habe erst vor einigen Wochen das "selbst Hosten" der Webfonts eingerichtet.

    Dabei bin ich vorgegangen wie es jetzt in der Anleitung steht und es hat auf anhieb geklappt. Den von dir geposteten Schritt kenne ich nicht.

    Ich vermute mal das es dazu ein Update gegeben hat.

    Ja ich habe gesehen, dass ZP '<$=page.pathToRoot$>media/files/webfonts/ geändert hat.

    früher lief das unter "/fonts" und da musste jede einzelne Font-Datei eingestellt werden.

    Daher habe ich meinen Beitrag gelöscht.

    Allerdings kann es sein, dass das Problem mit F6 nicht behoben werden kann, sondern "Alle Dateien" erstellt werden müssen.

    VG

Jetzt mitmachen!

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