Verwendung: Abmahnung wegen Google-Web Font, eigenen Datensatz hochgeladen, wird aber nicht erkannt.

Jörg's Avatar

Jörg

10 May, 2022 08:22 AM

Produkt: Oneo Contao
Contao-Version: Version 4.8.4

Guten Tag,
wir haben eine Abmahnung bzgl. Verwendung eines Google-Web Font erhalten. In diesem Fall Open_Sans.
Lt. dieser Anleitung: https://help.rocksolidthemes.com/discussions/contao/26918
haben wir den Font entfernt und er steht auch nicht mehr im Quelltext.
Soweit so gut.
Danach haben wir Open_Sans aus dem Google-Web-Font heruntergeladen und auf den Webserver in das Verzeichnis "files/font/" hochgeladen.

Der Ordner wurde freigegeben und via custom.css die links gesetzt. Die Schrift wird jedoch nicht erkannt. Wo machen wir den Fehler? Was haben wir übersehen?

Konktrekt sieht die custom.css so aus:

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("files/font/OpenSans-Italic.ttf") format('ttf'), url("files/font/OpenSans-Italic.ttf") format('ttf');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("files/font/OpenSans-Bold.ttf") format('ttf'), url("files/font/OpenSans-Bold.ttf") format('ttf');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("files/font/OpenSans-Regular.ttf") format('ttf'), url("files/font/OpenSans-Regular.ttf") format('ttf');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("files/font/OpenSans-Bold.ttf") format('ttf'), url("files/font/OpenSans-Bold.ttf") format('ttf');
}

Danke für Unterstützung.
Wir müssen leider alle Seiten umstellen...

  1. 1 Posted by Jörg on 10 May, 2022 08:30 AM

    Jörg's Avatar

    Kann es sein, dass es mit dem Theme-Assitant zu tun hat? Muss man dort noch eine Einstellung ändern?

  2. Support Staff 2 Posted by RockSolid Theme... on 11 May, 2022 08:58 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Wenn sich die custom.css-Datei nach wie vor im Ordner files/oneo/css/ befindet so lauten die korrekten Pfade für die Schrift-Dateien: url("../../font/OpenSans-Italic.ttf")

    Anstatt der ttf-Dateien sollten sie jedoch das woff-Format nutzen. Dieses wird mittlerweile von allen Browsern unterstützt: https://caniuse.com/woff

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

  3. 3 Posted by Jörg on 11 May, 2022 09:22 AM

    Jörg's Avatar

    Vielen Dank für die Antwort:

    Ich habe die woff-Daten hochgeladen und die custom.css angepasst. Das Ergebnis bleibt das gleiche.

    @font-face {
      font-family: 'Open Sans';
      font-style: italic;
      font-weight: 400;
      src: url("contao/files/font/open-sans-v28-latin-italic.woff") format('woff'), url("contao/files/font/open-sans-v28-latin-italic.woff") format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: italic;
      font-weight: 700;
      src: url("contao/files/font/open-sans-v28-latin-700italic.woff") format('woff'), url("contao/files/font/open-sans-v28-latin-700italic.woff") format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: url("contao/files/font/open-sans-v28-latin-regular.woff") format('ttf'), url("contao/files/font/open-sans-v28-latin-regular.woff") format('wofff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 700;
      src: url("contao/files/font/open-sans-v28-latin-800.woff") format('woff'), url("contao/files/font/open-sans-v28-latin-800.woff") format('woff');
    }
    

    Wenn ich aus RockSolid Theme Assistant die Schriftart entferne, meine ich, dass diese korrekt erkannt wird, allerdings ist dann der Zeilenabstand viel zu klein.

    Danke!

  4. Support Staff 4 Posted by RockSolid Theme... on 12 May, 2022 08:35 AM

    RockSolid Themes's Avatar

    Nutzen Sie bitte genau folgenden CSS-Code für die custom.css-Datei:

    @font-face {
      font-family: 'Open Sans';
      font-style: italic;
      font-weight: 400;
      src: url("../../font/open-sans-v28-latin-italic.woff") format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: italic;
      font-weight: 700;
      src: url("../../font/open-sans-v28-latin-700italic.woff") format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: url("../../font/open-sans-v28-latin-regular.woff") format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 700;
      src: url("../../font/open-sans-v28-latin-800.woff") format('woff');
    }
    

    Die Angabe ../../ muss dabei exakt so stehen bleiben und nicht verändert werden.

  5. 5 Posted by Jörg on 12 May, 2022 08:59 AM

    Jörg's Avatar

    Perfekt!

    "Die Angabe ../../ muss dabei exakt so stehen bleiben und nicht verändert werden."

    Das war mir nicht klar gewesen.

    Herzlichen Dank! Super-Support!

  6. 6 Posted by Jörg on 12 May, 2022 09:02 AM

    Jörg's Avatar

    Noch eine Bitte. Können Sie den link zur Webseite bitte oben wieder entfernen?! Nicht, dass dieser in der Google-Suche gefunden wird. Hatte schonmal den Fall ^^ Danke!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac