webfonts einbinden die nicht im google font helper aufgelistet sind

  • Was ist hier falsch? Im css haben wir

    <style>

    /* sagonabook-regular - latin */

    @font-face {

    font-family: 'sagonabook';

    font-style: normal;

    font-weight: 400;

    src: url('.fonts/sagonabook-latin-regular.eot'); /* IE9 Compat Modes */

    src: local('sagonabook'), local('sagonabook-Regular'),

    url('.fonts/sagonabook.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('.fonts/sagonabook.woff2') format('woff2'), /* Super Modern Browsers */

    url('.fonts/sagonabook-latin-regular.woff') format('woff'), /* Modern Browsers */

    url('.fonts/sagonabook-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

    url('.fonts/sagonabook-latin-regular.svg#sagonabook') format('svg'); /* Legacy iOS */

    }

    </style>

    Ordnungsgemäß auf unseren Server im Ordner /fonts eingebunden ist allerdings nur sagonabook.woff (andere Varainte haben wir nicht=

    Muss das bei local anders heissen? Ist damit der /win/font Systemname gemeint? Dort heisst die schrift nur sagona. Gehört -latin-regular da rein oder nicht?

    Schriftart taucht jedenfalls nicht im Layout editor auf, weder in Kurzliste noch webfont-Liste...

    Danke für Aufklärung. Mfg Triebel

  • Der Ordner in dem Sie die Schrift-Daten abgelegt haben, heißt doch sicherlich nicht ".fonts" mit dem Punkt am Beginn, oder? Warum ist dann im <styles> der punkt vor "fonts/"

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ja, das hatte ich auch bemerkt, nun mit ganzem Pfad.

    <style>

    /* sagonabook-regular - latin */

    @font-face {

    font-family: 'sagonabook';

    font-style: normal;

    font-weight: 400;

    src: url('https://www.medienberatung.de/projekte/devac…tin-regular.eot'); /* IE9 Compat Modes */

    src: local('sagonabook'), local('sagonabook-Regular'),

    url('https://www.medienberatung.de/projekte/devac…abook.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('https://www.medienberatung.de/projekte/devac…agonabook.woff2') format('woff2'), /* Super Modern Browsers */

    url('https://www.medienberatung.de/projekte/devac…in-regular.woff') format('woff'), /* Modern Browsers */

    url('https://www.medienberatung.de/projekte/devac…tin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

    url('https://www.medienberatung.de/projekte/devac….svg#sagonabook') format('svg'); /* Legacy iOS */

    }

    </style>

    Ändert aber nichts am og. Problem. Ich verstehe die Nomenklatur nicht, bitte beantworten:

    Muss das bei local anders heissen? Ist damit der /win/font Systemname gemeint? Dort heisst die schrift sagonabook in Großbuchstaben. Gehört -latin-regular da rein oder nicht?

    Schriftart taucht jedenfalls nicht im Layout editor auf, weder in Kurzliste noch webfont-Liste...

    Danke

    mfg

    Triebel

  • Hallo,

    es ist ja ein offener Standard, wie man Webfonts einbindet. Genaueres zur Syntax etc. kann ich Ihnen hier nicht sagen, da müssten Sie sich im Web die jeweilige Doku ergoogeln.

    "latin-regular" spezifiziert meiner Meinung nach den Zeichensatz, also den Umfang der Zeichen (z.B. ob Kyrillisch etc.). Aber wie gesagt, das führt hier zu weit.

    Von unserer Seite aus, gibt es nur die folgende Dokumentation:

    https://docs.zeta-producer.com/webfonts-selbst-hosten.html

    Wenn man diese befolgt (da sind es aber relative Pfade, die mit "fonts/" beginnen), funktioniert das Einbinden.

    Und nur weil eine Schriftart eingebunden wurde, taucht diese nicht in der Liste der Schriftarten im Layout-Editor auf. Da müssen Sie den entsprechenden Namen einfach selbst eingeben (den Namen, den Sie über "font-family" definiert haben).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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