Support » Allgemeine Fragen » @font-face schrift wird nicht geladen

  • Hallo,

    Ich verwende @font-face zur Einbettung einer custom font (BebasNeue).
    Die Schriften befinden sich im Ordner ../fonts:
    http://www.kinis-kitchen.de/wp/wp-content/themes/berg-wp-child/fonts


    Mein CSS zum Laden der Schrift:

    @font-face {
    font-family: 'BebasNeue';
    src: url ('fonts/BebasNeueRegular.woff2') format('woff2'),
    url('fonts/BebasNeueRegular.woff') format('woff‘);
    font-weight: normal;
    font-style: normal;
    }
    
    /*Headings */
    h1,h2,h3,h4,h5,h6{
    font-family: 'BebasNeue', sans-serif !important;
    }

    Die Schrift will einfach nicht laden. Die Konsole berichtet keine Fehler. Die Schrift existiert, die Links/Pfade lassen keinen Fehler erkennen. Alle Möglichkeiten wurden durchprobiert. Bin mehr als verwirrt & genervt. Und das seit 1 Woche. Aber irgendwo muss der Fehler liegen.

    Besten Dank für jede Hilfe!

Ansicht von 1 Antwort (von insgesamt 1)
  • Auf deiner Seite kannst du die Fehlermeldung in deiner Konsole finden:

    Access to Font at 'http://www.kinis-kitchen.com/wp/wp-content/themes/berg-wp-child/fonts/BebasNeueRegular.woff2' from origin 'http://www.kinis-kitchen.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.kinis-kitchen.de' is therefore not allowed access.

    Du versuchst, die Fonts von der .com-domain zu laden, das geht aus sicherheitsgründen nicht, falls die da überhaupt liegen 😉

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „@font-face schrift wird nicht geladen“ ist für neue Antworten geschlossen.